💢 هوک useMemo یکی از hook های مهم React هست که به بهبود عملکرد اپلیکیشن‌های React کمک می‌کنه. موقعی که قصد داریم یک مقدار رو بهینه سازی کنیم تا فقط زمانی محاسبه بشه که لازم باشه، useMemo عمل می‌کنه.

مثلاً وقتی یک مقدار به صورت محاسباتی تولید میشه و از اون به عنوان ورودی یک کامپوننت استفاده می‌شه. به جای اینکه هر بار که کامپوننت رندر می‌شه مجدداً این محاسبات انجام بشه، می‌تونیم از useMemo استفاده کنیم تا این مقدار رو یکبار محاسبه کنیم و سپس نتیجه رو ذخیره کنیم تا در زمان‌های بعدی استفاده بشه 😉

به عنوان یک مثال، فرض کنید که ما یک کامپوننت داریم که لیست پست های کاربران رو نمایش می‌ده. ما می‌توانیم از useMemo برای ذخیره نتیجه‌ی محاسباتی مرتبط با لیست پست ها استفاده کنیم تا از دوباره محاسبه کردن زمان‌بر در هر بار رندر ممانعت کنیم و عملکرد سریع‌تری داشته باشیم. همچنین می‌تونیم از useMemo برای حفظ حالت‌های قبلی لیست پست ها استفاده کنیم و این جلوی رندر مجدد کامپوننت رو بگیریم.

import React, { useMemo } from 'react';

const PostList = ({ posts }) => {
  const sortedPosts = useMemo(() => {
    return posts.sort((a, b) => a.date - b.date);
  }, [posts]);

  return (
    <ul>
      {sortedPosts.map((post) => (
        <li key={post.id}>{post.title}</li>
      ))}
    </ul>
  );
};

export default PostList;

در این مثال، ما از useMemo برای مرتب سازی لیست پست ها بر اساس تاریخ استفاده کردیم. useMemo به ما کمک می‌کنه تا هر بار که posts تغییر می‌کنه، مقدار sortedPosts رو دوباره محاسبه کنیم.

➕ با استفاده از useMemo می‌تونیم از بهینه سازی عملکرد کامپوننت‌های React خودمون بهره مند بشیم و استفاده نادرست از حافظه رو کاهش بدیم.

#پست_پیشنهادی
#javascript #react #usememo
☕️ @CodeExplore

بهتره بگیم قبل از ChatGPT !! 👌

#fun
☕️ @CodeExplore

💢 هوک useCallback یکی از hook های مهم React هست که برای بهبود عملکرد و بهینه سازی مصرف حافظه استفاده می‌شه. وقتی یک کامپوننت در React رندر می‌شه، توابع دیگه همیشه مجدداً ایجاد می‌شن. اگه این توابع به عنوان props به کامپوننت های دیگه منتقل بشن، هر بار که کامپوننت والد رندر می‌شه، توابع ایجاد می‌شن. این ممکنه به تکثیر روندهای غیرضروری و هدر رفت حافظه منجر بشه.

اما اینجا useCallback به کمک میاد! وقتی از useCallback استفاده می‌کنیم، یک نمونه از یک تابع ایجاد می‌کنیم و این نمونه تابع تنها زمانی تغییر می‌کنه که ورودی‌هایش تغییر کنن. این به ما این امکان رو می‌ده که از ایجاد مجدد توابع بی‌مورد در هر بار رندر جلوگیری کنیم 😃

حالا یک مثال کاربردی ببینیم. فرض کنید یک کامپوننت داریم که یک دکمه رو ارائه می‌دهد و وقتی کاربر روی اون دکمه کلیک می‌کنه، یک پیام نمایش داده می‌شه. ما می‌توانیم از useCallback برای جلوگیری از ایجاد مجدد تابع handleClick هر بار که کامپوننت رندر می‌شود، استفاده کنیم.

import React, { useCallback, useState } from 'react';

const MessageComponent = () => {
  const [message, setMessage] = useState('');

  const handleClick = useCallback(() => {
    setMessage('Hello, World!');
  }, []);

  return (
    <div>
      <button onClick={handleClick}>Show Message</button>
      <p>{message}</p>
    </div>
  );
};

export default MessageComponent;

در اینجا، ما از useCallback استفاده کردیم تا تضمین کنیم که handleClick تنها زمانی تغییر می‌کنه که ورودی‌هاش تغییر کنند، یعنی در این حالت ورودی‌هی ندارد و همیشه همان تابع می‌ماند.

➕ با استفاده از useCallback می‌توانیم بهبود عملکرد کامپوننت‌های React را ببینیم و مصرف حافظه را بهینه کنیم.

#پست_پیشنهادی
#javascript #react #usecallback
☕️ @CodeExplore

دوستانی که در رابطه با استفاده از Gemini pro سوال پرسیده بودند ؛ برای استفاده از Gemini pro اصلا نیاز نیست کار خاصی انجام بدید

بروزرسانی bard هم اتومات انجام میشه و تو بروزرسانی جدید این هوش مصنوعی هم احتمالاً به صورت رایگان در دسترس کاربران قرار میگیره 😎

👉 https://blog.google/products/bard/google-bard-try-gemini-ai/

#gemini_pro
☕️ @CodeExplore

انواع پروژه ها با Java !! 👌

حداقل اینکه بتونین به مرحله pro برسید کم کم باید 5 سال به نظرم زمان بزارید براش ...

نظر شما چیه ؟! درضمن اگر شما هم پروژه های بیشتر با جاوا رو میشناسید حتما داخل کامنتا بگین

☕️ @CodeExplore

🔝ادیتورهای کد برای توسعه برنامه‌های موبایل بسیار مهم هستند. البته، بسته به نوع برنامه موبایلی که قصد دارید توسعه دهید، ادیتورهای متفاوتی را می‌توانید برای این کار استفاده کنید.

1. Xcode (برای iOS):
برای توسعه برنامه‌های iOS و macOS، Xcode از طرف اپل توصیه می‌شود. این ادیتور دارای امکانات کاملی برای توسعه برنامه‌های اپل و همچنین ابزارهایی برای تست و دیباگ است.

2. Android Studio (برای Android):
Android Studio، که قبلاً اشاره کردید به آن، یک محیط توسعه یکپارچه (IDE) برای توسعه برنامه‌های اندروید است. این IDE توسط گوگل ارائه شده و دارای امکاناتی برای آنالیز و تست برنامه‌های اندروید است.

3. Visual Studio with Xamarin:
اگر قصد دارید برای هر دو پلتفرم iOS و اندروید توسعه برنامه داشته باشید، می‌توانید از Visual Studio به همراه فریمورک Xamarin استفاده کنید. این فریمورک امکان اشتراک کد بین دو پلتفرم مختلف را فراهم می‌کند.

4. React Native with Visual Studio Code:
اگر شما از React Native برای توسعه برنامه‌های موبایل استفاده می‌کنید، می‌توانید از Visual Studio Code به عنوان ادیتور کد خود استفاده کنید. VS Code دارای ابزارهایی برای تشخیص خطاها و پشتیبانی از JavaScript/TypeScript است.

5. Flutter with IntelliJ IDEA or Visual Studio Code:
برای توسعه برنامه‌های فلاتر، می‌توانید از ادیتورهایی مانند IntelliJ IDEA یا Visual Studio Code استفاده کنید. این ادیتورها ابزارهایی برای پیکربندی و توسعه برنامه‌های فلاتر را فراهم می‌کنند.

#پست_پیشنهادی
☕ @CodeExplore

🐧 دستیار هوش مصنوعی برای دستورات لینوکس

▪️ابزار heyCL سرویس جدیدی هستش که با استفاده از هوش مصنوعی، به کاربران کمک می‌کنه دستورات لینوکس رو با زبان عامیانه تایپ کنن و بقیه کار رو به این AI بسپرن.

🔺به عنوان مثال، برای ایجاد یک فایل جدید، می توانید عبارت "create a new file" رو تایپ کنید و heyCLI دستور صحیح رو با توجه به متنی که تایپ کردید مینویسه!

🌐 https://www.heycli.com/

☕️ @CodeExplore

اگر نمیدونی سرویس Git چی هستش پیشنهاد میکنم این کتاب رو حتما بخون 📚


این کتاب Git رو به صورت کامل بهتون میگه اساس و کار گیت چی هستش و چه کمکی بهت می‌کنه

برای مشاهده این کتاب میتونید روی لینک زیر کلیک کنید و به صورت کاملا رایگان به نسخه اورجینال این کتاب دسترسی پیدا کنید

مشاهده نسخه اورجینال
#book
☕️ @CodeExplore

♨️ PWA یا Progressive Web Application چیست؟

یک نوع اپلیکیشن وب است که از ترکیب ویژگی‌های مرورگر و ویژگی‌های اپلیکیشن سنتی بهره می‌برد تا به کاربران تجربه‌ای مشابه اپلیکیشن‌های تلفن همراه ارائه دهد. حالا اینکه این چه چیزیه و چطور کار می‌کنه، در ادامه با هم بررسیش میکنیم.

تصور کن که یه وب‌سایت داری که بدونی نیاز به دانلود و نصب جداگانه، تو مرورگرهای مختلف و بر روی انواع دستگاه‌ها (موبایل، تبلت یا رایانه)، مثل یک اپلیکیشن عادی رفتار می‌کنه. اینجوری کاربرها می‌تونن بدون درگیری با نصب و بروزرسانی‌های پیچیده، از دسترسی به ویژگی‌ها و محتوای به‌روز شده بهره‌مند بشن.

💢چند تا از قابلیت ها و ویژگی های مهم PWA

▪️قابلیت کارآیی آفلاین: PWA می‌تونه اطلاعات را در حالت آفلاین نیز نمایش بده و کاربران بتونن بدون دسترسی به اینترنت از ویژگی‌ها و محتوا استفاده کنن.

▪️پوش اپلیکیشن: می‌تونه به کاربران پیام‌ها و اطلاعیه‌ها فعالیت خودکار (Push) بفرسته، حتی زمانی که اپلیکیشن بسته است.

▪️نصب آسان: به‌طور مستقیم می‌تونه بر روی دستگاه‌های کاربران نصب بشه بدون نیاز به رفتن به فروشگاه اپلیکیشن.

▪️بهبود کارآیی: با بهینه‌سازی‌های حافظه و عملکرد، می‌تونه تجربه کاربری بهتری نسبت به وب‌سایت‌های سنتی ارائه بده.

#پست_پیشنهادی
#PWA
☕️ @CodeExplore

😎 گوگل API دسترسی به مدل Gemini Pro را در دسترس قرار داد

این مدل رقیب GPT-3.5 است و از API های رسمی گوگل قابل دسترس است.

در ماه های آینده، #گوگل نسخه Ultra این مدل را نیز در دسترس قرار می دهد که رقیب GPT-4v خواهد بود. هر دو مدل Gemini Pro و Ultra از مدل های GPT قوی تر هستند.

ظاهرا تا سطوح خاصی استفاده از Gemini Pro رایگان است.(نیازمند لوکیشن آمریکا)

☕️ @CodeExplore

قلب برنامه نویسا در زمان های مختلف 😅👌
#fun
☕️ @CodeExplore

از وقت‌ گذرونی های الکی بگذر
بجاش بیشتر روی رشد خودت تمرکز کن...
وقتی بقیه دنبال حاشیه هستن، تو دنبال اصل باش 🔥😉

☕️ @CodeExplore

وقتی ی تیکه کد دارم که نمیدونم چیکار میکنه اما نمیتونم (میترسم) پاکش کنم 😅

#fun
☕️ @CodeExplore

♨️ آیا داشتن مدرک دانشگاهی برای یک برنامه نویس تاثیری توی روند کاریش داره؟

این شاید سوال خیلی هاتون باشه دوستان و توی چند تا پست میخوایم در این باره صحبت کنیم

یکی از باور های رایج توی ایران و توی نسل های گذشته هستش اینه که داشتن مدرک تحصیلی ( به خصوص در دانشگاه های دولتی) موقعیت شغلی خیلی خوبی پیش روی افراد میذاره.

اما خب خیلیا هستن که دیدیم با مدرک تحصیلی از بهترین دانشگاه ها بیکار هستن یا شغل آنچنان خوبی که شایستشون هست ندارن ( که شاید اگر از اونها سوال کنید مشکل اکثرشون بخاطر نداشتن مهارت کافی و یا رزومه هستش)

برنامه نویسی یک مهارتی هستش که بدون مدرک دانشگاهی هم میتونید توش به موفقیت برسید. البته توی ایران و بعضی از کشور ها هنوزم شرکت هایی وجود دارن که مدرک تحصیلی رو هم برای استخدام نیاز دارن اما روز به روز شاهد کمرنگ شدن این مورد هستیم تا تخصص و مهارت افراد مهمترین گزینه برای جذب شدن یا نشدنشون باشه نه مدرک تحصیلی‼️

💡اما با این وجود باز هم داشتن مدرک تحصیلی در کنار مهارت برنامه نویسی میتونه یک‌ برتری برای شما به حساب بیاد.

اگر شما هم تجربه یا نظری دارید توی کامنت ها با بقیه دوستان و ما به اشتراک بزارید در ادامه بیشتر قراره راجب این موضوع صحبت کنیم...

#پست_پیشنهادی
☕️ @CodeExplore

همونطور که توی پست قبل هم بررسی کردیم داشتن مدرک تحصیلی به روند کاری شما میتونه کمک کنه اما طبیعتا مهمتر از اون داشتن رزومه کامل و قوی هستش که میتونه نشون دهنده سطح مهارت هر شخصی باشه!

💢 آیا مدرک های برنامه نویسی که بعد از شرکت در یک دوره دریافت میکنیم تاثیری در روند کاری ما دارند؟

بعضی از افراد هستن میرن توی یک دوره شرکت میکنن دنبال این هستن که فقط یه جوری مدرک رو ازش بگیرن و اینو بزارن توی رزومه خودشون اما وقتی که از اون دوره چیزی یاد نگیرن و خروجی نداشته باشه اون مدرک هم طبیعتا کاربرد آنچنانی نداره!

با این وجود اگر توی یک دوره معتبر و خوب شرکت کردید اون مهارت رو خیلی خوب یاد گرفتید تونستید بعدش نمونه کار بزنید و مدرکش رو هم گرفتید ارزشمند هستش و اون مدرک میتونه موقعیت شما برای فرصت های بهتر، دستمزد بیشتر رو تقویت کنه!

اگر شما هم تجربه یا نظری دارید توی کامنت ها با بقیه دوستان و ما به اشتراک بزارید 😉

#پست_پیشنهادی
☕️ @CodeExplore

سه تا از بهترین ابزار های ایده یابی طراحی سایت 🔥

با این سه تا سایت میتونید ایده های خفن طراحی سایت و برنامه نویسی پیدا کنید 😎

🔹pagecollective.com
🔹dribbble.com
🔹awwwards.com

#ideas #web #development
☕️ @CodeExplore

چند تا از بهترین پادکست های برنامه نویسی ☕️ 🔝

1. Developer Tea
2. Soft Skills Engineering
3. Talk Python To Me

#podcast
☕ @CodeExplore

8 چیزی که تورو برنامه نویس بهتری میکنه 🔥

به نظر شما کدومشون مهمتره و چه چیز دیگه ای میتونه باشه؟

☕️ @CodeExplore

بهترین چنل های یوتیوب برای آموزش !!

دوستان ما قبلاً هم براتون همچین پستی گذاشته بودیم ، مجدد گذاشتیم براتون حتما بکارتون میاد !!

☕️ @CodeExplore

چنتا از بهترین پادکست های برنامه نویسی !!

زبان ( فارسی ) 📚

دوستان ما براتون چنتا از بهترین پادکست ها برای مشکلات رایج در طول روز و سختی ها ی برنامه نویسی و ... گذاشتیم

اما به دلیل زبان اصلی بودن پادکست ها خیلی از دوستان یک مقدار به مشکل بر میخوردند

به خاطر همین تصمیم گرفتیم که یک نمونه از بهترین سایت های ایرانی که پادکست های واقعا پر کاربردی قرار میده رو بهتون معرفی کنیم

🌐 سایت رسمی و رایگان راکت به عنوان :

⭐️ « راکت کست »

شما میتونید برای دسترسی به لیست پادکست ها به سایت راکت رفته و به بخش راکت کست مراجعه کنید

و یا اینکه روی لینک مستقیم زیر کلیک کنید :

https://roocket.ir/podcast

#podcast
☕️ @CodeExplore

♨️ اگر به دنبال بهبود سئو سایت خود هستید، اکستنشن "SEOquake" را به شما پیشنهاد میکنیم.

این اکستنشن برای مرورگرهای محبوب مانند Chrome و Firefox در دسترس است و می‌تواند یک ابزار قدرتمند برای بهبود سئو وب‌سایت شما باشد. با نصب این اکستنشن، شما قادر به نمایش معیارهای اساسی سئو برای هر صفحه از وب‌سایت، مانند رتبه‌بندی، ترافیک، تعداد صفحات ایندکس شده و موارد دیگر خواهید بود. علاوه بر این، SEOquake به شما این امکان را می‌دهد که بخش‌های مختلفی از سایت را برای بهبود سئو آن بررسی کرده و تحلیل نمایید.

➕ در نهایت، این اکستنشن یک ابزار بسیار کارآمد است که به شما کمک می‌کند بر روی بهبود سئو وب‌سایت خود تمرکز کنید و با استفاده از داده‌های ارائه شده، راهکارهای بهینه‌سازی را بهبود بخشید.

💢 این پست درسته کاملا با موضوع چنل مرتبط نیست اما به درخواست شما دوستان عزیز این پست رو قرار دادیم.

#پست_پیشنهادی
#seo #seoquake
☕️ @CodeExplore