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

♨️ سوال مصاحبه‌ای: چطوری یک کامپوننت ری‌اکت رو memo کنیم؟

در حقیقت memo بهمون این امکان رو میده تا از رندر مجدد (Re-Render) اضافی کامپوننت تا زمانیکه پراپ (props) اون تغییری نکرده، جلوگیری کنیم.

💠 توی کد تصویر بالا، ما کامپوننت Product رو اصطلاحا memoize کردیم. که خروجیش میشه یه کامپوننت جدید به اسم MProduct.

🔆 کامپوننت MProduct با خود کامپوننت Product کاملا یکسانه فقط فرقش اینه که MProduct فقط یه بار رندر میشه و تا زمانی که پراپ هاش تغییر نکنه re-render نمیشه. اما کامپوننت Product هر بار render میشه.
#reactjs #سوال_مصاحبه

Channel | Group | YouTube

#Tips_N_Tricks
#Tools
⚠️خوب دیدم مشکل خیلی از کسایی هست که تازه با Git و Github آشنا شدن و گفتم این واجبه که بدونن.⚠️

🥇برای اینکه وقتی میخوایین پروژتون رو پوش کنید روی گیتهاب بعضی فایلهای اضافی یا اصلا فایلی که دوس نداریم بقیه رو گیتهاب ببین مثلا فولدر (نود ماژول و فایلهایی مثل .env ) نره توی گیتهابمون بیایین یه فایل .gitignore توی ریشه اصلی پروژه بسازید و اسم اون فایل یا فولدر هاتون رو توش بنویسید و کامیت کنید.

🥈و الان اگر پروژتون رو پوش کنید دیگه اونایی که توش نوشتین به گیتهاب ارسال نمیشن.

Channel | Group | YouTube

#Out_Of_IDE
#Fun

و اما پارت دوم از همون ماجراهای WTF جاوااسکریپت اصلا این بار خود طرف اسم فایل رو گذاشته wtf.js 😂😂

آقا یکی بیاد تو کامنتا بگه چرا آخه؟؟؟ 🤯🤯

Channel | Group | YouTube

✅ تو این ویدیو اخبار مهم ماهای آپریل و مارچ که مربوط به حوزه بک اند هست رو توضیح دادم و سعی کردم بصورت عملی هم تست کنم و با کد تست کنم 🔊

https://youtu.be/COYWNsyJa4M

Channel | Group | YouTube

#Out_Of_IDE

اینم از رونمایی مزرعه داران آینده با دقت زیاد و بدون خستگی 😰😰

⚠️ای کاش دولت ها به فکر سیل عظیمی از انسانهای بیکار در آینده (نه چندان دور) باشن⚠️

Channel | Group | YouTube

#Clean_Code

اگر بخشی از کد شما دارای ویژگی های زیر است، یک کد تمیز محسوب نمی شود:

⛔️ توابع یا متدهایی که خیلی طولانی هستند، درک و نگهداری آنها را دشوار می کنند.

⛔️ کلاس های بزرگ: کلاس هایی با مسئولیت ها یا متدهای زیاد که اصل مسئولیت واحد (Single Responsibility Principle) را نقض می کنند.

⛔️ کد تکراری: بخش های تکراری کد در سراسر کد پروژه، که منجر به مشکلات نگهداری و ناسازگاری می شود.

⛔️ جراحی با تفنگ ساچمه ای (Shotgun Surgery): تغییر در یک بخش از کد، نیازمند تغییرات در چندین بخش دیگر از کد است که ارتباطی با آن بخش ندارند.

⛔️ کامنت ها: استفاده بیش از حد از کامنت برای جبران کدی که به طور ضعیف نوشته شده یا قابل درک نیست.

⛔️ کد مرده (Dead Code): کدی که دیگر استفاده نمی شود یا قابل دسترسی نیست، باعث بهم ریختگی کد پروژه و سردرگمی توسعه دهندگان می شود.

⛔️ لیست بلند پارامترها: متدها یا توابعی با پارامترهای زیاد، که می تواند درک و تست کد را دشوار کند.

⛔️ نامگذاری نامنظم: استفاده از قراردادهای نامگذاری نامنظم در سراسر کد پروژه، درک و نگهداری آن را دشوار می کند.

✅این داستان ادامه دارد.
Channel | Group | YouTube

#Out_Of_IDE
#Tools

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

https://tajrobe.wiki/

Channel | Group | YouTube

آقا خواستم اطلاع رسانی کنم که فصل یازده ریکت دوبلش تموم شد و امیدوارم دوستانی که میبینید واقعا لذت ببرید چون به معنای واقعی کلمه سخت ترین فصل کل ریکت بود

انشالا که از دوبله ها استفاده بکنید و براتون مفید باشه ❤️

راستی نه فصل اولم که رایگانه اینجاست اگر دوست داشتید ببینید:
@DubDev

#Out_Of_IDE
#Fun

اهل دلاش میدونن جریان چیه😂😂😂

Channel | Group | YouTube

♨️ قابلیت CSR (Client Side Rendering) چیست؟
ما در React داده ها را از سرور گرفته و در سمت کلاینت (مرورگر کاربر) از آن داده ها برای ساخت و نمایش صفحه (Render) استفاده میکنیم.
شما میتوانید برای درک این موضوع به وبسایتی بروید که با React نوشته شده است. اگر سورس کد این وب سایت را از مرورگر خود باز کنید (view page source) میبینید که صفحه هیچ خاصی ندارد. چرا؟ به دلیل اینکه در این گونه وبسایت ها ما صفحات واقعی نداریم بلکه آنها با جاوااسکریپت و به صورت پویا ایجاد میشوند.

قابلیت CSR مزایا و معایبی دارد که باید بسته به نیاز استفاده از آن انتخاب شود.

💠 مزایا:
- عدم ریفرش شدن صفحه و سریع بودن در جابه‌جایی بین صفحات

💠 معایب:
- لودینگ نسبتا طولاتی در هنگام اولین مراجعه کاربر به صفحه
- مشکلات سئو و بهینه نبودن برای موتورهای جستجو

🔆 در صورتی که سوالات یا تجربه‌ای در این زمینه دارید لطفا در گروه با ما به اشتراک بگذارید...

#reactjs #nextjs

Channel | Group | YouTube

#javanoscript

✅ این‌ها متدهایی هستند که بر روی یک شیء از کلاس URL فراخوانی میشن. کلاس URL یک کلاس استاندارد تو جاوااسکریپتن که مربوط به مدیریت و کار با URL ها (آدرس‌های اینترنتی) هستن. متدهایی که تو این کد نوشتم ,از جمله پروتکل، میزبان، پورت، مسیر، پارامترهای جستجو، هش و مبدأ رو نشون میدن و پوشش میدن.
Channel | Group | YouTube

#database
دیتابیس‌های رابطه‌ای (Relational Databases) و غیررابطه‌ای (Non-Relational Databases) دو نوع مختلف از سیستم‌های مدیریت پایگاه داده (DBMS) هستند که هر کدام ویژگی‌ها و استفاده‌های متفاوتی دارند.
✅دیتابیس رابطه‌ای (Relational Database):
در DBهای رابطه‌ای، اطلاعات به صورت جداول (Tables) سازمان‌دهی می‌شوند که هر سطر آن جدول را معادل یک رکورد (Record) و هر ستون آن را معادل یک فیلد (Field) می‌بینیم.
این نوع DB بر اساس مدل داده‌ای رابطه‌ای (Relational Data Model) که توسط ادگارد کاد ساخته شد، طراحی شده‌اند.
✅درDB غیررابطه‌ای (Non-Relational Database):
در DBهای غیررابطه‌ای، اطلاعات بدون هیچ گونه رابطه‌ای یا ساختار مشخصی ذخیره می‌شوند. این نوع دیتابیس‌ها معمولاً به عنوان دیتابیس‌های NoSQL شناخته می‌شوند
برخلاف DBهای رابطه‌ای که از مدل داده‌ای جدولی استفاده می‌کنند، DBهای غیررابطه‌ای از مدل داده‌ای متنوعی مانند مستندات (Documents)، سند (Key-Value)، ستونی (Columnar) و گرافی (Graph) استفاده می‌کنند.
درDBهای غیررابطه‌ای برای مواردی که نیاز به مقیاس‌پذیری بالا، سرعت بالا و/یا ساختار داده‌های متنوع دارند، مناسب هستند

#function
#javanoscript
#Fun

✅ این عکس نشان میده که callback hell تو دنیای واقعی چطوری هست!!!
فرض کنید شما تو آخرین پله وایسادین و منتظرین از پله اول یه وسیله بدست شما برسه😂😂
Channel | Group | YouTube

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

🌐 https://www.wappalyzer.com

#Tools #extension

Channel | Group | YouTube

#function

✅ بچه ها تو این عکس بصورت کامل و واضح دارین آناتومی یک فانکشن رو توی جاوااسکریپت میبینید.

Channel | Group | YouTube

#Out_Of_IDE

سعی کنیم مثل لاکپشت حرکت کنیم تا بتونیم موفق باشیم🐢🐢🐢🐢

Channel | Group | YouTube

#quick_challenge

هرکی جواب درست رو زد بیاد توضیح بده تو کامنتها 😎

Channel | Group | YouTube

#Typenoscript
✅ تایپ اسکریپت:
بر روی زبان جاوا اسکریپت بنا شده است و سیستم تایپ را به آن اضافه می کند.
کامپایل می شود و قبل از اجرا به جاوا اسکریپت تبدیل می شود.
✅ مزایا:
سیستم تایپ: به شما کمک می کند تا از خطاهای زمان اجرا جلوگیری کنید.
خوانایی بهتر: کدهای تایپ اسکریپت به دلیل سیستم تایپ، خوانایی بهتری دارند.
قابلیت نگهداری: به دلیل سیستم تایپ، نگهداری و توسعه کدهای تایپ اسکریپت آسان تر است.
✅ معایب:
یادگیری دشوارتر: به دلیل وجود سیستم تایپ، یادگیری آن کمی دشوارتر از جاوا اسکریپت است.
سرعت: به دلیل کامپایل شدن، سرعت اجرای آن کمی کندتر از جاوا اسکریپت است.
جامعه کوچکتر: به دلیل جدیدتر بودن، جامعه آن به اندازه جاوا اسکریپت بزرگ نیست.
💥 انتخاب بین جاوا اسکریپت و تایپ اسکریپت: 💥

✅ انتخاب بین این دو زبان به نیازهای شما بستگی دارد. اگر به دنبال یک زبان برنامه نویسی آسان برای یادگیری هستید و سرعت برای شما مهم است، جاوا اسکریپت گزینه مناسبی است. اما اگر به دنبال یک زبان برنامه نویسی با سیستم تایپ قوی و خوانایی بالا هستید، تایپ اسکریپت گزینه بهتری است.
Channel | Group | YouTube

♨️ سوال مصاحبه‌ای: چرا نباید در ری‌اکت state رو مستقیما آپدیت کنیم؟
اگه بخواین یه state رو مستقیما آپدیت کنید متوجه میشین کامپوننت شما مجددا رندر (Rerender) نمیشه.
به جای اینکه مستقیما state رو آپدیت کنیم باید از متد setter اون در هوک useState استفاده کنیم. این متدها یک آپدیت در شی state رو برنامه‌ریزی و مدیریت میکنن و وقتی تغییر انجام شد کامپوننت شما re-render خواهد شد.

#reactjs #سوال_مصاحبه‌ای

Channel | Group | YouTube