🔹تفاوت بین useEffect و useMemo و useCallback در ری اکت چیه؟
✔️ هوک useEffect در React برای انجام کارهایی استفاده میشه که اثر جانبی دارن. به عبارت ساده، وقتی میخوای بعد از رندر شدن کامپوننت کارهایی مثل دریافت اطلاعات از سرور، تغییر در DOM یا مدیریت اشتراکها انجام بدی، useEffect وارد عمل میشه.
از useEffect معمولاً برای کارهایی مثل دریافت داده (data fetching)، اضافه و حذف کردن event listenerها، و انجام عملیات بعد از تغییر props یا state استفاده میکنن.
✔️هوک useMemo در React برای memoization استفاده میشه. Memoization یعنی ذخیره کردن نتیجهی یک محاسبهی سنگین تا فقط وقتی که وابستگیها تغییر میکنن، دوباره محاسبه بشه. این کار باعث بهینهسازی عملکرد و جلوگیری از اجرای بیدلیل محاسبات میشه.
📌نکته: useMemo فقط مقدار خروجی رو کش میکنه، نه خود تابع رو!
اگه نیاز داری که خود تابع کش بشه (مثلاً برای پاس دادن به useEffect یا useCallback)، بهتره از useCallback استفاده کنی.
هوک useMemo برای کش کردن (cache) خروجی یک تابع یا یک عبارت استفاده میشه تا از انجام محاسبات غیرضروری جلوگیری بشه و عملکرد بهینهتر بشه.
✔️ هوک useCallback شباهت زیادی به useMemo داره، ولی به جای مقدار، روی تابع تمرکز میکنه و اون رو memoize میکنه. این هوک مخصوصاً وقتی مفید میشه که بخوای یک تابع رو بهعنوان prop به کامپوننت فرزند بفرستی و از ایجاد توابع جدید در هر رندر جلوگیری کنی.
📌هوک useCallback یه تابع رو کش (cache) میکنه و فقط زمانی که وابستگیها تغییر کنن، یه نسخهی جدید از تابع میسازه. این کار باعث جلوگیری از رندر غیرضروری کامپوننتهای فرزند میشه.
‼️به طور خلاصه، هر کدوم از این هوکها هدف خاصی دارن و ابزارهای مفیدی برای مدیریت بخشهای مختلف یک کامپوننت React هستن. درک درست از زمان و نحوهی استفادهی useEffect، useMemo و useCallback میتونه به بهینهتر شدن عملکرد و نگهداری راحتتر اپلیکیشنهای React کمک کنه.
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
✔️ هوک useEffect در React برای انجام کارهایی استفاده میشه که اثر جانبی دارن. به عبارت ساده، وقتی میخوای بعد از رندر شدن کامپوننت کارهایی مثل دریافت اطلاعات از سرور، تغییر در DOM یا مدیریت اشتراکها انجام بدی، useEffect وارد عمل میشه.
از useEffect معمولاً برای کارهایی مثل دریافت داده (data fetching)، اضافه و حذف کردن event listenerها، و انجام عملیات بعد از تغییر props یا state استفاده میکنن.
useEffect(() => {
// Code to execute after rendering or when specified dependencies change
}, [dependencies]);✔️هوک useMemo در React برای memoization استفاده میشه. Memoization یعنی ذخیره کردن نتیجهی یک محاسبهی سنگین تا فقط وقتی که وابستگیها تغییر میکنن، دوباره محاسبه بشه. این کار باعث بهینهسازی عملکرد و جلوگیری از اجرای بیدلیل محاسبات میشه.
📌نکته: useMemo فقط مقدار خروجی رو کش میکنه، نه خود تابع رو!
اگه نیاز داری که خود تابع کش بشه (مثلاً برای پاس دادن به useEffect یا useCallback)، بهتره از useCallback استفاده کنی.
هوک useMemo برای کش کردن (cache) خروجی یک تابع یا یک عبارت استفاده میشه تا از انجام محاسبات غیرضروری جلوگیری بشه و عملکرد بهینهتر بشه.
const memoizedValue = useMemo(() => {
// Expensive calculation or function
return result;
}, [dependencies]);✔️ هوک useCallback شباهت زیادی به useMemo داره، ولی به جای مقدار، روی تابع تمرکز میکنه و اون رو memoize میکنه. این هوک مخصوصاً وقتی مفید میشه که بخوای یک تابع رو بهعنوان prop به کامپوننت فرزند بفرستی و از ایجاد توابع جدید در هر رندر جلوگیری کنی.
📌هوک useCallback یه تابع رو کش (cache) میکنه و فقط زمانی که وابستگیها تغییر کنن، یه نسخهی جدید از تابع میسازه. این کار باعث جلوگیری از رندر غیرضروری کامپوننتهای فرزند میشه.
const memoizedCallback = useCallback(() => {
// Function to memoize
}, [dependencies]);‼️به طور خلاصه، هر کدوم از این هوکها هدف خاصی دارن و ابزارهای مفیدی برای مدیریت بخشهای مختلف یک کامپوننت React هستن. درک درست از زمان و نحوهی استفادهی useEffect، useMemo و useCallback میتونه به بهینهتر شدن عملکرد و نگهداری راحتتر اپلیکیشنهای React کمک کنه.
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
👍1
👍1
Frontend Developer (Part-Time, Remote)
Job Description:
We are looking for a skilled Frontend Developer to join our team. This is a part-time, remote position. The ideal candidate will have experience in building dynamic and responsive web and mobile applications using modern frontend technologies. If you have a strong passion for UI/UX and creating seamless user experiences, we’d love to hear from you!
Required Qualifications:
* At least 3 years of experience in frontend development.
* Strong expertise in React.js and Next.js for web applications.
* Experience with React Native for mobile app development.
* Strong problem-solving skills.
* Strong English communication skills (spoken and written).
Preferred Qualifications:
* Knowledge of UI/UX principles and design patterns.
* Experience with testing frameworks like Jest.
* Familiarity with CI/CD pipelines and version control systems (Git).
* Ability to work both independently and collaboratively in a diverse team environment.
[email protected]
Job Description:
We are looking for a skilled Frontend Developer to join our team. This is a part-time, remote position. The ideal candidate will have experience in building dynamic and responsive web and mobile applications using modern frontend technologies. If you have a strong passion for UI/UX and creating seamless user experiences, we’d love to hear from you!
Required Qualifications:
* At least 3 years of experience in frontend development.
* Strong expertise in React.js and Next.js for web applications.
* Experience with React Native for mobile app development.
* Strong problem-solving skills.
* Strong English communication skills (spoken and written).
Preferred Qualifications:
* Knowledge of UI/UX principles and design patterns.
* Experience with testing frameworks like Jest.
* Familiarity with CI/CD pipelines and version control systems (Git).
* Ability to work both independently and collaboratively in a diverse team environment.
[email protected]
👍1
- Job Title: Software Engineer (Frontend)
- Country: UNITED KINGDOM
- Experience: Mid-Senior level
- Tags: #python #react #typescript #nosql #postgresql #ai #figma #responsive #ui #ux #cloud
🔗 Apply
🆔 Channel: @jobs_finding
- Country: UNITED KINGDOM
- Experience: Mid-Senior level
- Tags: #python #react #typescript #nosql #postgresql #ai #figma #responsive #ui #ux #cloud
🔗 Apply
🆔 Channel: @jobs_finding
Jaabz
Software Engineer (Frontend) at atla
Apply for Software Engineer (Frontend) at atla. Visa sponsorship & relocation package available.
❤1
✅ شرت کات های محبوب 𝗩𝘀 𝗖𝗼𝗱𝗲
▫️𝗖𝘁𝗿𝗹 + 𝗕
بستن و باز کردن پنجره سمت چپ
▫️𝗖𝘁𝗿𝗹 + 𝗫
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗖
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗩
جایگذاری آن خط
▫️𝗛𝗼𝗺𝗲
رفتن به اولین خط
▫️𝗘𝗻𝗱
رفتن به آخرین خط
▫️𝗣𝗮𝗴𝗲 𝗨𝗽
رفتن به اولین خط کد ها
▫️𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻
رفتن به آخرین خط کد ها
▫️𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️
کلمه به کلمه عقب یا جلو رفتن
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️
انتخاب کلمات جلو یا عقب
▫️𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲
پاک کردن کلمه به کلمه
▫️𝗙1
باز کردن پنجره بالا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲
انتخاب انتهای متن با ابتدا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱
انتخاب ابتدا و انتهای کد
▫️𝗖𝘁𝗿𝗹 + 𝗗
تغییر چند متن پشت هم(کلمات یکسان)
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲
آوردن پیشنهاد ها
▫️𝗖𝘁𝗿𝗹 + /
کامنت کردن
▫️𝗖𝘁𝗿𝗹 + 𝗟
انتخاب خط به خط کد ها
▫️𝗖𝘁𝗿𝗹 + 𝗣
جابهجایی فولدر ها
▫️𝗖𝘁𝗿𝗹 + 𝗙
پیدا کردن یک نام یا کلمه
▫️𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯
جا به جایی بین فایل
▫️𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️
جابهجایی کد
▫️𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️
ویرایش چند کد همزمان
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
▫️𝗖𝘁𝗿𝗹 + 𝗕
بستن و باز کردن پنجره سمت چپ
▫️𝗖𝘁𝗿𝗹 + 𝗫
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗖
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗩
جایگذاری آن خط
▫️𝗛𝗼𝗺𝗲
رفتن به اولین خط
▫️𝗘𝗻𝗱
رفتن به آخرین خط
▫️𝗣𝗮𝗴𝗲 𝗨𝗽
رفتن به اولین خط کد ها
▫️𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻
رفتن به آخرین خط کد ها
▫️𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️
کلمه به کلمه عقب یا جلو رفتن
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️
انتخاب کلمات جلو یا عقب
▫️𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲
پاک کردن کلمه به کلمه
▫️𝗙1
باز کردن پنجره بالا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲
انتخاب انتهای متن با ابتدا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱
انتخاب ابتدا و انتهای کد
▫️𝗖𝘁𝗿𝗹 + 𝗗
تغییر چند متن پشت هم(کلمات یکسان)
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲
آوردن پیشنهاد ها
▫️𝗖𝘁𝗿𝗹 + /
کامنت کردن
▫️𝗖𝘁𝗿𝗹 + 𝗟
انتخاب خط به خط کد ها
▫️𝗖𝘁𝗿𝗹 + 𝗣
جابهجایی فولدر ها
▫️𝗖𝘁𝗿𝗹 + 𝗙
پیدا کردن یک نام یا کلمه
▫️𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯
جا به جایی بین فایل
▫️𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️
جابهجایی کد
▫️𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️
ویرایش چند کد همزمان
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
Telegram
ProCode | پُروکُد
پُروکُد ، جایی که برنامه نویسان حرفهای متولد میشوند 🚀🧑🏻💻
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
👍1
تایپاسکریپت رو دارن با Go باز نویسی میکنن و تا الان ۱۰ برابر سریعتر از قبل شده. چیزی که خیلی جالبه اینه که تیم توسعهاش با C# خیلی نزدیکه (چون پشت جفتشون مایکروسافته) و حتی سازندهاشونم یکیه. اما با این حال با وجود رقابتی که الان بین C# و Go هست، اومدن Go رو انتخاب کردن.
این اتفاق به نظرم خیلی حرفا داره برای گفتن، اگه بخوایم سطحی نگاه کنیم اینطور نتیجه میگیریم که گولنگ > سیشارپ. ولی نتیجه معقولی که تو بحثا هست اینه که آدمای باتجربه و بزرگ دنبال ابزار درست برای حل مشکل میگردن و حتی اگه اون زبان رو خودشون ساخته باشن روش تعصب ندارن که بهترینه :)
🔗 لینک پست معرفی
🔗 لینک بحث توی گیتهاب
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
این اتفاق به نظرم خیلی حرفا داره برای گفتن، اگه بخوایم سطحی نگاه کنیم اینطور نتیجه میگیریم که گولنگ > سیشارپ. ولی نتیجه معقولی که تو بحثا هست اینه که آدمای باتجربه و بزرگ دنبال ابزار درست برای حل مشکل میگردن و حتی اگه اون زبان رو خودشون ساخته باشن روش تعصب ندارن که بهترینه :)
🔗 لینک پست معرفی
🔗 لینک بحث توی گیتهاب
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
👍1
🔸 یک سایت کاربردی برای دور زدن فیلترینگ سایت های فیلتر
🔻 این سایت به عنوان پروکسی عمل میکند لینک سایت فیلتر رو بهش میدید یک لینک جدید تولید میکنه که فیلتر نیست .
🔹https://www.blockaway.net/
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
🔻 این سایت به عنوان پروکسی عمل میکند لینک سایت فیلتر رو بهش میدید یک لینک جدید تولید میکنه که فیلتر نیست .
🔹https://www.blockaway.net/
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
www.blockaway.net
The most advanced proxy site. Unblock any website with this proxy server | BlockAway
BlockAway is the most advanced proxy site. It can be used to get access to any blocked website and protect your privacy without much effort
👍1
🧿 رودمپ ریاکت در سال ۲۰۲۵ </>
---------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
---------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://t.iss.one/ProCode0101
👍1
https://github.com/viraptor/reverse-interview?tab=readme-ov-file
اینم سوالات مربوط به مصاحبه مهم که شما میتونید بپرسید از مصاحبه کنندتون
اینم سوالات مربوط به مصاحبه مهم که شما میتونید بپرسید از مصاحبه کنندتون
GitHub
GitHub - viraptor/reverse-interview: Questions to ask the company during your interview
Questions to ask the company during your interview - viraptor/reverse-interview
👍1