مفاهیم پیشرفته React: رندرینگ مجدد، بهینه‌سازی عملکرد و موارد دیگر

آنچه یاد خواهید گرفت:

• درک عمیق‌تر استیت در React
• درک جامع رندر مجدد
• فرآیند تصمیم‌گیری در React: آموزش Mount ،Re-Render و Unmount
• مکانیزم Memoization و بهینه‌سازی عملکرد
• الگوریتم تطابق و تفاوت‌یابی 
• کامپوننت‌های Higher-Order (HOC)
• API Context و مدیریت پیشرفته استیت
• مدیریت استیت رقابتی و مشکلات همزمانی

پیش نیازهای دوره

• داشتن تجربه 1 تا 2 ساله با React
• توانایی ساخت اپلیکیشن های با React

توضیحات دوره

شما مدت‌ها است با React کار می‌کنید، برنامه ساخته‌اید و بهترین شیوه ها را دنبال می‌کنید. اما گاهی اوقات، React را در حالتی می‌بینید که کاملاً درک نمی‌کنید؟ آیا رندرهای مجدد غیرمنتظره، مشکلات عملکرد یا تعاملات پیچیده‌ی بین کامپوننت‌ها شما را به چالش می‌کشد؟

این دوره طراحی شده است تا شما را از اصول فراتر برده و به مکانیک‌های پیشرفته React وارد کند. ما به بررسی جزئیات پنهان موتور رندرینگ React، تکنیک‌های بهینه‌سازی عملکرد، و الگوی‌های معماری که توسعه‌دهندگان برتر React برای ساخت اپلیکیشن های مقیاس‌پذیر و کارآمد استفاده می‌کنند، خواهیم پرداخت.
مواردی که یاد می‌گیرید:

• درک عمیق‌تر استیت در React: دقیقاً چگونگی مدیریت استیت در React، نوع Trigger کردن بروزرسانی‌ها و چگونگی اجتناب از اشتباهات رایج مرتبط با استیت را بیاموزید.
• درک جامع رندر مجدد: معنی واقعی رندرینگ مجدد، زمان تصمیم‌گیری React برای رندر کردن مجدد یک کامپوننت، و راه‌های جلوگیری از رندرهای غیرضروری را بیاموزید.
• فرآیند تصمیم‌گیری React: آموزش Mount ،Re-Render و Unmount: درک واضح این موضوع که React چه زمانی یک کامپوننت را Mount ،Re-render و Unmount می‌کند و چگونه می‌توانید این روند را کنترل کنید تا عملکرد بهتری داشته باشید.
• مکانیزم Memoization و بهینه‌سازی عملکرد: تسلط به تکنیک‌هایی مانند useMemo، useCallback و React.memo برای بهینه‌سازی محاسبات پرکاهد و جلوگیری از بروزرسانی‌های غیرضروری
• الگوریتم تطابق و تفاوت‌یابی: یادگیری اینکه چگونه React به طور مؤثر و پشت‌صحنه DOM را بروزرسانی می‌کند و چطور فهمیدن این فرآیند می‌تواند در نوشتن کامپوننت‌های با کارایی بالا کمک کند.
• کامپوننت‌های مرتبه‌بالا (HOC): چگونگی ارتقاء قابلیت‌های کامپوننت‌ها با استفاده از HOC و مقایسه آنها با جایگزین‌های مدرن مانند hooks
• API Context و مدیریت پیشرفته استیت: بررسی عمیق‌تر API Context در React و رفع برخی مشکلات مربوط به کارایی
• useRef و ForwardRef: مدیریت ارجاعات، جلوگیری از رندرهای غیرضروری و دستکاری مستقیم DOM در موارد نیاز
• مدیریت مشکلات رقابتی و چالش‌های Async: روش‌های جلوگیری از مشکلات رایجی که هنگام کار با عملیات غیرهمزمان در React ایجاد می‌شود، تا تجربه کاربری روان و بدون خطا داشته باشید.
• چگونه در اپلیکیشن های React عملکرد بهتری داشته باشیم: تکنیک‌های عملی برای بهبود عملکرد اپلیکیشن، کاهش رندرهای غیرضروری و افزایش سرعت و کارایی اپلیکیشن های React شما

در پایان این دوره، تنها قصد ندارید React را استفاده کنید، بلکه درک عمیق‌تری از React خواهید داشت. توانایی دیباگ کردن مشکلات پیچیده، بهینه‌سازی عملکرد و نوشتن کدهای با قابلیت نگهداری و توسعه‌پذیری بیشتر را با اعتماد به نفس خواهید یافت.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان React که می‌خواهند مهارت‌های خود را ارتقا دهند.
• افرادی که می‌خواهند React را به‌صورت عمیق درک کنند.