⚡️به چنل "مقاله های من" خوش اومدید 👨‍💻
به افتخار حضور شما عزیزان اسم چنل رو به Mern Stack تغییر دادم. چون دیگه تنها ممبر کانال خودم نیستم :))

الان که دیگه تنها نیستم، سعی می‌کنم محتواها و مقالات بعدی رو با رنگ و لعاب بهتر قرار بدم.

ارادتمند شما، سعیدی راد ♥️

💡 یکی از قابلیت های جدید جاوا اسکریپت تو ورژن 2025

می‌تونید آبجکت‌ / آرایه های غیر قابل تغییر بسازید.
به این مدل آرایه‌ها Tuple و به این مدل آبجکت‌ها Record گفته میشه.

✔️ بر خلاف آبجکت‌ها که به خاطر Reference بودن نمیشه مقایسه‌شون کرد، اینا رو می‌تونیم تو مقایسه‌ها هم استفاده کنیم. یسری ویژگی باحال دارن که وقتی Stable شدن باهاتون در میون می‌ذارم.

⚠ هنوز Stable نشده و فعلا نمیشه ازشون استفاده کرد.

@Mern_stack_01

💡 مقایسه localStorage, sessionStorage و Cookie

کِی از کدوم استفاده کنیم؟ 👇

🔗 Article Link

@Mern_stack_01

تو این لینک می‌تونین به بیش از 300 سوال مصاحبه‌ای ری‌اکت دسترسی داشته باشین که به صورت مرتب، دسته‌بندی شده و همراه با پاسخ و مثال ذکر شدن 👇

🔗 +300 React Questions

پ‌ن: حقیقتا ریپوی خوبیه و اگه قبل از مصاحبه بررسیش کنین با اعتمادبنفس بهتری می‌تونین مصاحبه رو پیش ببرین 👌❤️

@Mern_stack_01

💡 آشنایی سریع با Zustand

زوستند یه کتابخونه نوظهور و جدیده که یجورایی رقیب ریداکسه.

با توجه به این که Api خیلی ساده‌تر و React Friendlyتری داره، سه‌سوته میشه یادش گرفت 👌

آموزش سریع Zustand 👇

🔗 Article Link

@Mern_stack_01

💡 اگه تا حالا به عنوان برنامه نویس اصطلاح "بدهی فنی" رو نشنیدید، این مقاله واسه شماست.

مواظب بدهی فنی تیم یا کدتون باشین 👇

🔗 Article Link

@Mern_stack_01

پکیج useHooks، دنیایی از کاستوم‌هوک‌ها

پکیج useHooks کلی Custom Hook آماده داره که می‌تونین هم مستقیما ازشون استفاده کنین هم ازشون ایده بگیرین واسه پیاده سازی کاستوم هوک های اختصاصی

لینکش 👇

🔗 https://usehooks.com

@Mern_stack_01

پکیج ReactUse هم مثل پکیج پست قبله و کلی کاستوم‌هوک خوب داره.

لینکش 👇

🔗 https://reactuse.com

@Mern_stack_01

پی‌وی پرسیدین این مدل عکسایی که مشخصات یه ریپو رو میدن رو چجوری می‌سازم.

اینا تصویر open graph هستن و با لینک زیر می‌تونین جزئیات هر ریپو از گیت‌هاب رو در قالب تصویر بالا بگیرین:

opengraph.githubassets.com/1/[USER_NAME]/[REPO_NAME]

✔️ فقط کافیه اسم اکانت و اسم ریپو رو تو url جای‌گذاری کنین. مثلا url همین تصویر بالا میشه این 👇

opengraph.githubassets.com/1/childrentime/reactuse

@Mern_stack_01

سایت های بزرگ واسه فیچر هایی مثل سرچ لحظه‌ای نمیان به ازای تایپ هر کاراکتر به سرور رکوئست بفرستن. اینطوری سرور می‌ترکه و منطقا بهینه نیست ❌

میان یه timeout ست می‌کنن و تا وقتی کاربر داره تایپ می‌کنه، رکوئستی نمی‌فرستن به سرور. رکوئست رو وقتی می‌فرستن که کاربر دست از تایپ کشیده.

اینطوری اگه کاربر بخواد یه کلمه 5 حرفی تایپ کنه فقط یه رکوئست به سرور میره، نه 5 تا رکوئست 👨‍💻

✔️ اسم این مکانیزم Debounce هست. اگه دوست داشتین اسمشو سرچ کنین و یاد بگیرین.

@Mern_stack_01

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

تقریبا به صورت نرمال دو سه روز طول می‌کشه قلق پروژه دست‌تون بیاد و بفهمین چی به چیه ✔️

@Mern_stack_01