بیو 😊
سلام، من امیررضا هستم .از سال ۲۰۲۲ در زمینه برنامه‌نویسی فعالیت میکنم. تو این مسیر از آدم‌های زیادی چیزهای زیادی یاد گرفتم، اما همه‌چیز رو می‌تونم توی یه جمله خلاصه کنم:
⏰ زمان باارزش‌ترین دارایی‌ست!
چیزی که شاید الان خیلی به چشم نیاد، ولی در آینده اهمیتش رو درک می‌کنیم. پس تا می‌تونیم ازش استفاده کنیم، چون زمان تنها چیزی‌ست که هیچ‌وقت برنمی‌گرده... مثل یه جاده یک‌طرفه.
توی این چنل قراره باهم کلی چیز یاد بگیریم:
🔥 چالش‌های کدنویسی
🔥 ترفند‌های کدنویسی
🔥 مشکلات و مسائل کاری
🔥 سوالات مصاحبه‌های فنی
و خیلی چیزای دیگه که می‌تونه بهتون کمک کنه تو مسیرتون قوی‌تر بشید.

مخلص همتون ❤️‍🔥🫡
(بیاید باهم رشد کنیم!)
#bio #me
------------------------------------
پُروکُد ، جایی که برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

چرا لینکدین برای برنامه‌نویس‌ها واجبه؟

اگه برنامه‌نویسی و هنوز لینکدین نداری، وقتشه یه تجدیدنظر بکنی! 😎 این پلتفرم یه ابزار فوق‌العاده‌س برای ارتباط گرفتن، نشون دادن مهارت‌ها و پیدا کردن کارای خفن! بیا ببینیم چرا لینکدین این‌قدر مهمه. 👇

۱. شبکه‌سازی حرفه‌ای 🔗
لینکدین یه جورایی اینستاگرام برنامه‌نویس‌هاست! می‌تونی با آدمای حرفه‌ای تو حوزه‌ی خودت آشنا بشی، همکارای جدید پیدا کنی و حتی مستقیم با کارفرماها ارتباط بگیری. هر چی شبکه‌ات قوی‌تر باشه، فرصت‌های بیشتری گیرت میاد!

۲. نمایش مهارت‌ها و پروژه‌ها 🚀
می‌خوای نشون بدی چقدر تو کار خودت استادی؟ لینکدین بهترین جاست! نمونه‌کارای خفنتو بذار، پروژه‌هایی که روشون کار کردی رو معرفی کن و کاری کن که هر کی پروفایلتو دید، بگه: "این یارو کارش درسته!"

۳. پیدا کردن فرصت‌های شغلی 🏢💼
لینکدین یه معدن طلا برای پیدا کردن کارای خوبه! شرکت‌های بزرگ و استارتاپ‌ها همیشه دنبال برنامه‌نویس‌های حرفه‌ای می‌گردن. کافیه پروفایلتو قوی بسازی و پیشنهادای کاری یکی پس از دیگری میان!

۴. یادگیری و پیشرفت مداوم 📚
برنامه‌نویسی یعنی همیشه در حال یادگیری باشی! لینکدین پر از مقاله‌های آموزشی، دوره‌های آنلاین و تجربیات برنامه‌نویس‌های کاربلده که می‌تونن بهت کلی چیز یاد بدن. پس حتما دنبال کن!

۵. همیشه بروز باش! 🆕
دنیای فناوری هر روز داره تغییر می‌کنه! با دنبال کردن افراد تأثیرگذار، شرکت‌های مطرح و گروه‌های تخصصی، همیشه تو خط مقدم اخبار و ترندهای جدید می‌مونی.

جمع‌بندی 🎯
لینکدین فقط یه رزومه آنلاین نیست، یه ابزار فوق‌العاده برای رشد و پیشرفته. پس اگه تا الان لینکدینتو جدی نگرفتی، همین امروز برو و یه پروفایل حرفه‌ای بساز!

https://www.linkedin.com/signup

⚠️ اگر سوال یا مشکلی داشتی میتونی بپرسی !

@AmirRh2087
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔹 مدیریت پروژه با روش RACI 

روش RACI کمک می‌کنه تا نقش‌ها و مسئولیت‌ها در پروژه شفاف بشن و از تداخل وظایف جلوگیری بشه: 

🔹 Responsible (مسئول اجرا) – فرد یا افرادی که مسئول انجام کار هستند.

🔹 Accountable ( تصمیم‌گیرنده) – فردی که نتیجه نهایی را تأیید می‌کنه

🔹 Consulted (مشاور و خبره) – کسانی که نظر تخصصی می‌ده

🔹 Informed (مطلع‌شده) – افرادی که فقط باید در جریان کار باشن.

👌🏻 با این روش، ابهام‌ها کم، تصمیم‌گیری سریع و کار تیمی مؤثرتر میشه!
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

مطمئنم یکی از چالش‌هات دیباگ کردنه👨🏼‍💻
تو این پست از دیتی به چند تا ترفند و نکته مهم برای دیباگ کردن برنامه های ری‌اکتی پرداختم که کارتو موقع دیباگ کردن آسون می‌کنه🎯
اگر سوالی داشتی میتونی از قسمت کامنت ها بپرسی🤚🏼

https://ditty.ir/posts/debugging-react-apps/XwvYn
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

توی دنیای دیجیتال، یکی از مهمترین فاکتور ها فراهم کردن سروری امن هست.با طی این مراحل از امنیت سرور خودمون مطمئن بشیم:

https://www.linkedin.com/posts/matin-nejatbakhsh_server-security-is-vital-for-any-organization-activity-7298036226383581186-Fxrp?utm_source=share&utm_medium=member_android&rcm=ACoAAEPtTUIBd9wHgSZSL1dMnVyWHYaepL_K8tA
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

اگرپست لینکدینی دارید دوست دارید به اشتراک بذارید، میتونید مثل ساختار پست بالا برای من بفرستید (پست فقط در حیطه برنامه نویسی باشه)
لینک پروفایل لینکدینم در پروفایل هست🌱
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

💻سایت هوش مصنوعی jit.codes مخصوص برنامه نویسی فرانت اند هست و میتونید با نوشتن یه دستور از هوش مصنوعی درخواست کنید تا صفحه وب دلخواه شما رو طراحی کنه.

☑️زبان فارسی رو پشتیبانی میکنه و کد های صفحه طراحی شده رو به شما تحویل میده. این سایت میتونه برای طراح های سایت و طراح های قالب وردپرس و برنامه نویس های فرانت اند مفید بشه.

------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔎 هوش مصنوعی facestudio.app یکی از بهترین ابزار ها برای ساخت اکانت فیک هست. شما میتونید با این هوش مصنوعی چهره های فیک درست کنید و اونها رو روی عکس پروفایل اکانت های خودتون قرار بدید.

------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

💻سایت هوش مصنوعی seneca.dylancastillo.co یه سایت دیگه مخصوص پرسیدن سوال از هوش مصنوعی هست و رابط کاربری خیلی ساده ای داره. شما میتونید هر سوالی که دارید رو از این هوش مصنوعی بپرسید و جوابش رو خیلی سریع دریافت کنید.

------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔥چند اصطلاح خفن و پرکاربرد برای فریلنسرها

1️⃣ Feast or famine
– یعنی دوران اوج و رکود در فریلنسری. بعضی وقتا کلی پروژه داری، بعضی وقتا هیچی!
Freelancing is a feast or famine game—you either have too much work or none at all!

2️⃣ Scope creep
– وقتی یه پروژه کوچیک یواش‌یواش گنده‌تر می‌شه و کارفرما مدام درخواست‌های اضافه می‌کنه بدون اینکه پول بیشتری بده.
We need to set clear boundaries to avoid scope creep

3️⃣ Retainer client
– مشتری‌ای که ماهانه بهت پول می‌ده تا همیشه در دسترس باشی، مثل یه قرارداد ثابت برای فریلنسرها.
Landing a retainer client is a freelancer’s dream!

4️⃣ Charge what you’re worth
– یعنی ارزون کار نکن، بابت مهارت‌هات قیمت درست بگیر!
Don’t undersell yourself—charge what you’re worth!

5️⃣ Red flag client
– کارفرمایی که از همون اول نشونه‌های مشکل‌دار بودن رو داره! مثل دیر جواب دادن، نپرداختن پول، یا تغییرات بی‌پایان.
If a client doesn’t respect your time, that’s a red flag!

6️⃣ Hustle culture
سبک زندگی‌ای که همه‌اش کاره و استراحت توش جایی نداره!
Hustle culture might seem cool, but work-life balance is key!

------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

FUN Station 😁
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

✅ با اعلام تیم React.js ابزار create react app منسوخ (deprecate) شد!

🔺 بیشتر برنامه نویس‌های فرانت اند اولین بار با این ابزار یه برنامه ری اکتی رو بالا آوردن ولی چون مشکلاتی از قبیل کند بودن و زمانبر بودن ایجاد پروژه اولیه داشت، رفته رفته استفاده ازش کم شد و در نهایت به کلی منسوخ شد! برای ساخت برنامه ری اکتی میتونید از vite استفاده کنید که امکانات خیلی خوبی داره و کاملا مناسبه.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

توی این پست درمورد بهتر مدیریت کردن Conditional Rendering در React می‌خونیم که می‌تونه باعث بالا بردن خوانایی کدتون بشه.

https://www.linkedin.com/posts/matinkhani_mastering-conditional-rendering-in-react-activity-7294935692999114752-Fs3n?utm_source=share&utm_medium=member_android&rcm=ACoAAEl8LocB75oVRvBHdbY3adkH7THEpN-EFFQ
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

یک Handbook برای فرانتیا که خیلی کامله

هرچی که فکرش رو بکنید داره داخلش حتی سوالات شرکت های بزرگ

https://www.frontendinterviewhandbook.com/introduction

#تجربه
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

میدونستین توی جاوااسکریپت Labelled Break هم داریم؟
تو این پست از لینکدین پرداختم به این موضوع که حتما پیشنهاد میشه ببینیدش 🎯
https://www.linkedin.com/posts/amirreza-riahi-106a51304_javanoscript-js-coding-activity-7297447258365599746-w6cu?utm_source=share&utm_medium=member_android&rcm=ACoAAE3A1FYBTbJt9HNH4O-4Kjb6dcEySL1h2kc
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🎨 چرا هارددیسک‌ها رنگ‌بندی دارن؟


🧐 اول از همه هارد دیسک چیه؟

✨ هارد دیسک یا HDD
(مخفف Hard Disk Drive) یک دستگاه ذخیره‌سازی دائمی داده‌ها در کامپیوترها و سایر دستگاه‌های الکترونیکی است...

💬 هارد دیسک‌ها از دیسک‌های مغناطیسی چرخان برای ذخیره اطلاعات استفاده می‌کنند و می‌توانند مقادیر زیادی داده، از چند گیگابایت تا چند ترابایت را ذخیره کنند...

❄️ که مثلا شرکت Western Digital یکی از ارائه‌دهندگان است...


🌈 حالا این هاردهایی که می‌بینیم اکثرا در رنگ‌های مختلف وجود دارن...


🤨 ولی رنگ اونها چی رو نشون میده؟


🎨 رنگ هارد به ما 4 المان رو بازگو میکنه:

⚡️ سرعت انتقال داده
🌀 سرعت چرخش
📦 حافظه‌ی کش
🔥 کاربرد


✨رنگ‌بندی هارد دیسک‌ها به 6 رنگ زیر تقسیم‌بندی میشن...:

🟢 سبز:

⚡️ سرعت انتقال داده: 175MB
🌀 سرعت چرخش: 5400RPM (round per minute)
🔥 کاربرد: مصرف‌های شخصی و خانگی که به توان مصرفی بسیار پایین نیازمند است...


🔵 آبی:

⚡️ سرعت انتقال داده: 178MB
🌀 سرعت چرخش: 7200-5400 RPM
📦 حافظه‌ی کش: 64MB
🔥 کاربرد: مصارف اداری (و بعضی اوقات خانگی)


⚫️ سیاه:

⚡️ سرعت انتقال داده: 218MB
🌀 سرعت چرخش: 7200RPM
📦 حافظه‌ی کش: 64-256 MB
🔥 کاربرد: بدلیل سرعت بالا برای گیمرها و کاربران حرفه‌ای (در امر انتقال داده) مورد استفاده قرار می‌گیرد...


🟣 بنفش:

⚡️ سرعت انتقال داده: 210MB
🌀 سرعت چرخش: 5400RPM
📦 حافظه‌ی کش: 64-256 MB
🔥 کاربرد: بدلیل کارکرد دائم و تمام مدت، در سیستم‌های محافظتی و نگهبانی مورد استفاده قرار می‌گیرد...


🔴 قرمز:

⚡️ سرعت انتقال داده: 178MB
🌀 سرعت چرخش: 5400RPM
📦 حافظه‌ی کش: 16-256 MB
🔥 کاربرد: بدلیل ظرفیت بالا و پایداری‌اش در سیستم‌های ذخیره‌سازی متصل به شبکه (NAS) مورد استفاده قرار می‌گیرد...


🟡 طلایی:

⚡️ سرعت انتقال داده: 200MB
🌀 سرعت چرخش: 7200RPM
📦 حافظه‌ی کش: 16-256 MB
🔥 کاربرد: بدلیل سرعت بالا، قابلیت زیاد و اطمینان و پایدار بودنش در عرصه‌های خاص (مثل شبکه‌ی NAS) مورد استفاده قرار می‌گیرد که بسیار هم گران است...
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

شما با کدهایتان آینده را شکل می‌دهید؛

روز مهندس بر شما مبارک!🌹

-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔹هوک useTransition چیه و چه کاردبرد هایی داره؟


✔️ هوک useTransition توی React یه ابزاره که بهت اجازه می‌ده قسمت‌هایی از رابط کاربری رو به صورت پس‌زمینه (background) رندر کنی. به عبارت ساده، وقتی می‌خوای یه به‌روزرسانی state انجام بدی که ممکنه کار سنگینی باشه (مثلاً فیلتر کردن یه لیست بزرگ یا تغییر دادن محتوای یه تب) و نمی‌خوای این کار باعث وقفه و لگ توی رابط کاربری بشه، از useTransition استفاده می‌کنی.

🟡 وقتی useTransition رو بالای کامپوننتت صدا می‌زنی، دو تا چیز برمی‌گردونه:

1️⃣ مقدار isPending: یه فلگ که نشون می‌ده آیا یه Transition (یعنی به‌روزرسانی با اولویت پایین) در حال انجامه یا نه.
مثلاً اگه مقدارش true باشه، می‌تونی یه انیمیشن یا پیام "در حال پردازش" به کاربر نشون بدی.

2️⃣مقدار startTransition: یه تابع که هر کاری رو داخلش انجام بدی، به عنوان یه Transition اجرا می‌شه. یعنی stateهایی که داخل اون تابع آپدیت می‌شن، به صورت غیر مسدودکننده (non-blocking) انجام می‌شن.


🔆مثال ساده:

import { useState, useTransition } from 'react';

function MyComponent() {
  const [isPending, startTransition] = useTransition();
  const [tab, setTab] = useState('home');

  function handleTabChange(newTab) {
    // به‌روزرسانی state به صورت Transition
    startTransition(() => {
      setTab(newTab);
    });
  }

  return (
    <div>
      <button onClick={() => handleTabChange('home')}>Home</button>
      <button onClick={() => handleTabChange('profile')}>Profile</button>
      {isPending && <span>در حال تغییر تب...</span>}
      <div>{tab === 'home' ? 'صفحه اصلی' : 'پروفایل'}</div>
    </div>
  );
}

❗️در این مثال، وقتی کاربر روی یکی از دکمه‌ها کلیک می‌کنه، تابع handleTabChange داخل startTransition اجرا می‌شه. به این ترتیب، اگر آپدیت state کار سنگینی باشه، به صورت پس‌زمینه انجام می‌شه و UI همیشه پاسخگو می‌مونه.

‼️ چند تا نکته :
1️⃣ هوک useTransition فقط داخل کامپوننت‌ها یا هوک‌های سفارشی قابل استفاده‌س.

2️⃣ اگه داخل تابع startTransition از عملیات async استفاده کنی، بعد از await هم باید آپدیت‌های state رو داخل یه startTransition دیگه قرار بدی تا اون‌ها هم به عنوان Transition در نظر گرفته بشن.

خلاصه اینکه، useTransition کمک می‌کنه تا به‌روزرسانی‌های سنگین و غیرضروری، بدون ایجاد وقفه توی تجربه کاربری، به صورت پس‌زمینه انجام بشن
--------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

#Figma_Template

Figma Template: Global Transactions

Difficulty :  ⭐️⭐️⭐️

🔗Click for Get Link
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101