دوره جامع و رسمی آموزش Redux (پروژه‌محور) برای تمامی سطوح - آخرین آپدیت

سرفصل ها و درس ها

مبانی و بررسی کلی Redux Redux Essentials and Overview

• مقدمه؛ این بخش از Redux درباره چیست Introduction - What This Redux Section Is All About

• Redux چیست؛ معرفی متمرکز What Is Redux - Focused Introduction

• چرا از Redux استفاده کنیم Why Use Redux

• اصطلاحات و مفاهیم Redux Redux Terms and Concepts

• مشاهده Action و State در Redux View Action and State in Redux

• تغییرناپذیری (Immutability) در Redux Immutability in Redux

• اکشن‌ها (Actions) در Redux چیستند What Are Actions in Redux

• ردیوسرها (Reducers) در Redux چیستند What Are Reducers in Redux

• یک مثال از Reducer در Redux An Example of a Reducer in Redux

• استور (Store) در Redux چیست What Is the Redux Store

• سلکتورها (Selectors) در Redux چیستند What Are Selectors in Redux

• خلاصه مقدمات Redux Redux Introduction Summary

آموزش Redux کلاسیک؛ ساخت اپلیکیشن از صفر Classic Redux 101 - Build an App from Scratch

• بررسی کلی پروژه استور پایه Redux Overview of the Redux Basic Store Project

• ایجاد یک پروژه جدید Next JS Typescript React Create a New Next JS Typescript React Project

• ساخت Redux Store و تابع Reducer Create a Redux Store and Reducer Function

• تنظیم وضعیت React و Redux؛ محلی در مقابل جهانی Setting Up React and Redux State - Local Versus Global

• نحوه استفاده از Dispatch در اپلیکیشن Redux How to Use Dispatch in the Redux App

• تنظیم Provider در Redux Setting Up the Provider in Redux

• استفاده از useSelector و مدیریت وضعیت در Redux UseSelector and State Management in Redux

• راهکار مدیریت وضعیت Redux - بخش اول Redux State Management Solution Part I

• تکمیل راهکار Redux Store - بخش دوم Complete the Redux Store Solution Part II

بهینه‌سازی و بهبود نمونه استور Redux کلاسیک Optimize and Improve a Classic Redux Store Example

• پیکربندی مجدد Redux Store برای توسعه‌پذیری آبجکت‌ها Reconfigure Redux Store for Object Extensibility

• توسعه‌پذیری ویژگی‌های Redux به عنوان آبجکت برای فیلترینگ و تشخیص حقیقت Extensibility for Redux Properties as Objects for Filtering and Truth Detection

• بروزرسانی کد Redux سبد خرید و بررسی مراحل بعدی Update the Basket Redux Code and Review Next Steps

• بهبود منطق Toggle Ternary برای لایک در Redux Improved Ternary Toggle and Logic for Liking in Redux

• راهکار نهایی برای سبد خرید Redux Solution for Redux Basket

• مهاجرت Redux Store به Typescript Migrate Redux Store to Typescript

• بروزرسانی‌های Typescript به JavaScript Typescript Updates to JavaScript

• پیاده‌سازی Material UI و Redux Material UI and Redux Implementation

• اتمام استایل‌دهی به اپلیکیشن استور فیلم Redux Finish Styling the Redux Movie Store Application

مهاجرت از Redux کلاسیک به Redux مدرن Migrating Classic Redux to Modern Redux

• مقایسه configureStore در مقابل createStore در Redux و RTK ConfigureStore Versus CreateStore in Redux And RTK

• بروزرسانی Reducers و Actions به Redux Toolkit Update Reducers and Actions to Redux Toolkit

• تبدیل Type Actions به Reducer Actions Convert Type Actions to Reducer Actions

سطوح پیشرفته؛ مثال قالب شمارنده Redux Higher Level - Redux Counter Template Example

• ساخت پروژه جدید Redux RTK؛ گام‌های نخست Building a New Redux RTK Project - First Steps

• پیکربندی Redux Store و Reducers در React Configure the Redux Store and Reducers in React

• تنظیم معماری کد کامپوننت‌های Redux Setting Up the Redux Component Code Architecture

• پیاده‌سازی و دمو useSelector در Redux Redux useSelector Implementation and Demo

• استفاده از Redux Dispatch؛ مثال ساده با RTK Redux Dispatch - Simple Example with RTK

• راهکار اکشن کاهش مقدار (Decrementing) با RTK Redux Decrementing Action Solution with RTK Redux

• استفاده از Action Payload و مدیریت وضعیت محلی در مقابل جهانی Action Payload with Redux and Local Versus Global Store State Management

• استفاده از createAsyncThunk و فراخوانی API با Redux CreateAsyncThunk and API Calls with Redux

• معرفی Redux DevTools Redux DevTools Introduction

• راهکار اختیاری برای مدیریت صحیح درخواست‌های API در Redux Optional Solution for Redux API Request Proper Handling

مثال اپلیکیشن شبکه اجتماعی با Redux Social Media App with Redux Example

• بررسی نهایی اپلیکیشن پروژه Redux Final Redux Project App Review

• مقداردهی اولیه فایل‌های اصلی پروژه و گزینه‌های سرویس Initializing the Project Core Files and Service Options

• تنظیم Redux Store و Post Reducer Setting Up Redux Store and the Post Reducer

• نمایش لیست پست‌ها با Redux RTK Showing the Posts List with Redux RTK

• افزودن پست‌های جدید با Redux Adding New Posts with Redux

• استفاده از Action Reducers و Dispatch با Redux RTK Action Reducers and Dispatch with Redux RTK

مثال اپلیکیشن شبکه اجتماعی با Redux (سطح متوسط) Social Media App with Redux Example - Intermediate

• روتینگ پویا (Dynamic Routing) با React و Redux Dynamic Routing with React and Redux

• ویرایش پست‌ها با Redux Editing Posts with Redux

• سفارشی‌سازی Action Payloads با تابع Prepare Redux Callback Customizing Action Payloads with the Prepare Redux Callback Function

• افزودن چندین Slice به یک اپلیکیشن Redux Adding Multiple Slices to a Redux Application

• بروزرسانی زمان و تاریخ در فید شبکه اجتماعی با Redux Updating Times and Dates to Social Media Feed with Redux

• تبدیل زمان به پست نسبی با الگوریتم‌های مرتب‌سازی و مقایسه Parsing Time to a Relative Post with Sort and Compare Algorithms and String C

• واکنش‌های Redux و سفارشی‌سازی Action Payload Redux Reactions and Action Payload Customizations

مثال اپلیکیشن شبکه اجتماعی با Redux (متوسط تا پیشرفته) Social Media App with Redux Example - Intermediate to Advanced

• برنامه‌نویسی Async و انتزاع useSelectorها در Redux Async and Abstracting UseSelectors in Redux

• دریافت داده‌ها با createAsyncThunk در Redux Fetching Data with CreateAsyncThunk in Redux

• متدهای صحیح لودینگ برای دریافت داده‌ها در Redux Proper Loading Practices for Fetching Data in Redux

• بررسی فیلد extraReducers در Redux Slice با RTK ExtraReducers Field in Redux Slice with RTK

• ارسال داده‌های پست به API با Redux Toolkit Sending Post Data to an API with Redux Toolkit

مثال اپلیکیشن شبکه اجتماعی با Redux (سطح پیشرفته) Social Media App with Redux Example - Advanced

• تطبیق کاربر برای پست‌های اجتماعی با React Router؛ ویژگی‌های گسترش یافته User Match for Social Posts with React Router - Extended Features

• اسلایس ویژگی نوتیفیکیشن‌ها با Redux؛ تخریب State بدون Dispatch Notifications Feature Slice with Redux - Destructuring State without Dispatch

• دریافت داده‌های نوتیفیکیشن با Redux Fetching Notifications Data with Redux

• هوک‌های React و ردیوسرها؛ رندر کامپوننت‌ها با Redux React Hooks and Reducers - Rendering Components with Redux

• بج (Badge) نوتیفیکیشن‌ها با Redux Notifications Badge with Redux

• بهینه‌سازی با Memoization در Redux و Selectors Memoization with Redux and Selectors

• بررسی React Memo و Redux React Memo and Redux

• معرفی ابزار createEntityAdapter در Redux Toolkit Redux CreateEntityAdapter Toolkit

• بهینه‌سازی Redux با createEntityAdapter Optimizing Redux with CreateEntityAdapter

• نرمال‌سازی داده‌ها و بررسی جامع Redux RTK Normalizing Data and Full Redux RTK Review

الگوهای کوئری زدن پیشرفته و RTK Query RTK Querying and Advanced Querying Patterns

• استفاده از RTK APISlice برای مدیریت دریافت داده‌ها در Redux RTK APISlice for Redux Querying Data Fetching MGMT

• کشینگ داده‌ها با RTK Query در Redux Data Caching with RTK Query in Redux

• دریافت مجدد داده‌ها (Refetching) و شفافیت نیمه در Redux Refetching Data and Semi-Transparency in Redux

• استفاده از TagType و Refetch خودکار در Redux TagType and Auto Refetch with Redux

• بررسی زیرساخت کشینگ با Mutation در RTK Query Caching Under the Hood with Mutation in RTK Querying

• خلاصه API Slice با RTK Query API Slice Summary with RTK Query

• مدیریت داده‌های User Slice با RTK Query برای Redux User Slice Data with RTK Query for Redux

• استفاده از Injected Endpoints با RTK Query Injected Endpoints with RTK Query

• بروزرسانی‌های Memoization برای داده‌های کش شده با RTK Query Memoization Updates to Cache Data with RTK Query

• به‌روزرسانی‌های خوش‌بینانه (Optimistic Updates) در کشینگ با RTK Query - پیشرفته Caching Optimistic Updates with RTK Query - Advanced

• استفاده از WebSockets و استریمینگ با RTK Query WebSockets and Streaming with RTK Query

• بروزرسانی نوتیفیکیشن‌ها با WebSockets و تغییرات در کشینگ داده‌ها Update Notifications with WebSockets Explanation and Changes for Caching Data

• بروزرسانی‌های نهایی RTK و جمع‌بندی دوره Redux Final RTK Updates and Redux Course Summary