آموزش رداکس Type-Safe: تکنیک‌های پیشرفته با تایپ‌اسکریپت (TypeScript) - آخرین آپدیت

مقدمه‌ای بر رداکس Type-Safe Introduction to Type-Safe Redux

• درک نیاز به Type-Safe در رداکس Understanding the need for type-safe Redux

• چرا اکنون؟ تلاقی رداکس و تایپ‌اسکریپت Why now? The intersection of Redux and TypeScript

• بررسی الگوهای پیشرفته رداکس Looking at advanced Redux patterns

1. راه‌اندازی Redux Toolkit با تایپ‌اسکریپت 1. Setting Up Redux Toolkit with TypeScript

• افزودن Middleware رداکس و DevTools Adding Redux middleware and DevTools

• پیکربندی Store رداکس با Redux Toolkit Configure the Redux store with Redux Toolkit

• نصب Redux Toolkit و تنظیمات تایپ‌اسکریپت Installing Redux Toolkit and setting up TypeScript

• اتصال اپلیکیشن React به Store Connecting our React app to the store

2. اکشن‌ها و ردیوسرهای Type-Safe 2. Type-Safe Actions and Reducers

• ایجاد اکشن‌های Type-Safe با createSlice Creating type-safe actions with createSlice

• مدیریت اکشن‌های ناهمگام با createAsyncThunk Managing asynchronous actions with createAsyncThunk

• مدیریت ساختارهای وضعیت تودرتو و پیچیده در رداکس Handling nested and complex state structures in Redux

• تعریف وضعیت‌های تایپ‌شده با Interfaceهای تایپ‌اسکریپت Defining typed state with TypeScript interfaces

3. ردیوسرهای ترکیبی، سلکتورهای Type-Safe، Thunks و Side Effects 3. Combined Reducers, Type-Safe Selectors, Thunks, and Side Effects

• نوشتن سلکتورهای Memoized و تایپ‌شده با createSelector Writing memoized and typed selectors with createSelector

• ترکیب چندین ردیوسر برای اپلیکیشن‌های بزرگ Combining multiple reducers for large applications

• ایجاد تعادل بین وضعیت جهانی (Global) و محلی (Local) در React و Redux Balancing global and local state with React and Redux

4. یکپارچه‌سازی کامپوننت‌های React با رداکس 4. Integrating React Components with Redux

• ارسال اکشن‌ها با useDispatch Dispatching actions with useDispatch

• ساخت Hookهای سفارشی برای منطق رداکس Creating custom hooks for Redux logic

• استفاده از useSelector برای دریافت وضعیت رداکس در React Utilizing useSelector to retrieve Redux state in React

5. تست منطق رداکس به روش Type-Safe 5. Testing Redux Logic in a Type-Safe Way

• تست واحد (Unit Testing) پیکربندی Store، اسلایس‌ها و سلکتورها Unit testing Redux store configuration, slices and selectors

• تست Async Thunks و شبیه‌سازی (Mocking) فراخوانی‌های API در Redux Toolkit Testing async Thunks and mocking API calls in Redux Toolkit

• توسعه تست‌محور (TDD) با رداکس و تایپ‌اسکریپت Test-driven development (TDD) with Redux and TypeScript

جمع‌بندی و گام‌های بعدی Conclusion and Next Steps

• ادامه مسیر یادگیری Continuing the learning journey

• مرور نکات برجسته دوره Reviewing course highlights