آموزش مدیریت وضعیت در ری‌اکت (React State Management) - آخرین آپدیت

مقدمه Introduction

• ری‌اکت: مدیریت وضعیت React: State management

• پیش‌نیازهای مورد نیاز What you should know

• فایل‌های تمرینی و GitHub Codespaces Exercise files and GitHub Codespaces

• استفاده از Codespaces در این دوره Using Codespaces in this course

• حل چالش‌های کدنویسی در CoderPad Solving code challenges on CoderPad

1. مدیریت وضعیت چیست؟ 1. What Is State Management?

• مدیریت وضعیت چیست و چرا باید از آن استفاده کنیم؟ What is state management and why should you use it?

• چگونه وضعیت را در ری‌اکت مدیریت کنیم؟ How to manage the state in React?

2. مدیریت وضعیت با استفاده از Hookها 2. Managing the State with the Hooks

• انتقال منطق به یک تابع reducer Moving logic into a function reducer

• useEffect: اعمال اثرات جانبی (Side Effects) useEffect: Apply side effects

• مدیریت منطق پیچیده با useReducer Handling complex logic with useReducer

• useState: تبدیل کامپوننت‌های بدون وضعیت به وضعیت‌دار useState: From stateless to stateful components

• ارسال اکشن‌ها و اعمال اثرات جانبی Dispatching actions and applying side effects

3. منبع واحد حقیقت با Context API 3. There Is Only One Truth with Context API

• راه‌حل: اشتراک در تغییرات context Solution: Subscribing to the context changes

• ایجاد و مدیریت یک وضعیت سراسری (Global State) Create and manage a global state

• چالش: مقیاس‌پذیری و نگهداری اپلیکیشن‌ها Challenge: Scaling and maintaining apps

• چرا داشتن یک منبع واحد حقیقت (Single Source of Truth) مهم است؟ Why is a single source of truth important?

• شروع کار با Context API Getting started with the context API

• ایجاد یک شیء context و یک Provider Create a context object and a provider

4. مدیریت وضعیت اتمیک با Recoil 4. Atomic State Management with Recoil

• راه‌حل: اشتراک در تغییرات وضعیت Solution: Subscribing to state changes

• نصب و شروع کار با Recoil Installation and getting started with Recoil

• تقسیم منبع حقیقت به اتم‌ها (Atoms) Breaking up the source of truth into Atoms

• از وضعیت به داده‌های مشتق شده با Selectors From state to derived data with Selectors

• به‌روزرسانی و خواندن وضعیت Updating and reading the state

• چالش: اشتراک در تغییرات وضعیت Challenge: Subscribing to state changes

5. Zustand: مدیریت وضعیت ساده و مدرن 5. Zustand: Simple and Modern State Management

• چالش: ایجاد یک استور متمرکز Challenge: Create a centralized store

• اپلیکیشن شمارنده: ایجاد استور با یک hook Counter app: Creating a store with a hook

• راه‌حل: پیاده‌سازی Zustand (بخش دوم) Solution: Zustand in action 2/2

• شروع سریع با Zustand Zustand quickstart

• اتصال کامپوننت‌ها به وضعیت Binding components to the state

• راه‌حل: پیاده‌سازی Zustand (بخش اول) Solution: Zustand in action 1/2

جمع‌بندی Conclusion

• کدام راهکار را برای پروژه بعدی انتخاب کنیم؟ Which solution should you pick next?