آموزش پیشرفته چالش‌های کدنویسی ری‌اکت (React) - آخرین آپدیت

مقدمه Introduction

• چالش‌های پیشرفته کدنویسی در ری‌اکت Advanced code challenges in React

• نحوه استفاده از CoderPad How to use CoderPad

• راه‌اندازی و ابزارها Setup and tooling

• پیش‌نیازها و نکاتی که باید بدانید What you should know

1. تفکر در ری‌اکت: به‌روزرسانی‌های State و رندرهای مجدد 1. Thinking in React: State Updates and Rerenders

• کامپوننت‌های تو در تو یا پاس دادن Props؟ Nested components or passing props?

• جلوگیری از رندرهای مجدد غیرضروری Avoiding unnecessary rerenders

• اپلیکیشن ری‌اکت شما کند است، حالا چه کنیم؟ Your React app is slow, so what now?

• چگونه گلوگاه‌های عملکردی ری‌اکت را شناسایی کنیم؟ How to easily identify React bottlenecks?

2. مدیریت پیکربندی و چرخه حیات کامپوننت 2. Managing Component Configuration and Lifecycle

• غلبه بر نقاط ضعف useEffect Overcoming the cons of useEffect

• جلوگیری از حلقه بی‌نهایت در useEffect Preventing useEffect infinite loop

3. مموایزیشن در ری‌اکت: چگونه و چه زمانی؟ 3. Memoization in React: How and When?

• پرهیز از محاسبات سنگین و هزینه‌بر Avoiding expensive computations

• چگونه عملکرد را به حداکثر برسانیم؟ How to maximize performance

4. الگوهای پیشرفته ری‌اکت 4. Advanced React Patterns

• بالا بردن State با استفاده از Context API: چگونه؟ Lifting up the state with context API: How?

• غلبه بر مشکل Props Drilling Overcoming the props drilling pitfall

• جداسازی منطق با الگوی Hookها Separating logic with the hooks pattern

• استفاده از useReducer برای مدیریت وضعیت‌های متعدد useReducer: Managing multiple states

5. چرخه حیات ری‌اکت و دریافت داده‌ها 5. React Lifecycle and Data Fetching

• در ری‌اکت داده‌ها را کجا Fetch کنیم؟ Where to fetch data in React?

• استفاده از useEffect برای اتصال به سیستم‌های خارجی Using useEffect to connect to an external system

6. تکنیک‌های Debouncing و Throttling 6. Debouncing and Throttling

• مدیریت خطاها با ErrorBoundary Handling errors with ErrorBoundary

جمع‌بندی Conclusion

• گام‌های بعدی Next steps