آموزش The Ultimate Redux Course 2023 - [جدیدترین جعبه ابزار Redux]

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

بخش 01 - مقدمه Section 01 - Introduction

• معرفی این دوره Introduction of this course

• Redux چیست؟ What is Redux?

• چه زمانی به Redux نیاز داریم؟ - مهم When we need Redux? - Important

• مسابقه معرفی Redux Quiz for Redux Introduction

• راه اندازی محیط توسعه [روند یکباره] Setting up development Environment [One time Process]

• حل خطا برای راه اندازی Error Solving For Setup

• چگونه سوال بپرسیم؟ How to ask Questions?

• خلاصه Summary

بخش 02 - جاوا اسکریپت - برنامه نویسی کاربردی Section 02 - JavaScript - Functional Programming

• معرفی این بخش Introduction of this Section

• برنامه نویسی تابعی چیست؟ What is Functional Programming?

• مبانی توابع Basics of Functions

• توابع مرتبه بالاتر Higher-order Functions

• ترکیب توابع در جاوا اسکریپت Function Composition in JavaScript

• ساده سازی کد با Compose و Pipe Making code Simple with Compose and Pipe

• Currying در برنامه نویسی تابعی Currying in Functional Programming

• توابع خالص - مهم است Pure Functions - Important

• تغییر ناپذیری چیست؟ What is Immutability?

• تغییرناپذیری در اشیا Immutability in Objects

• اشیاء را با استفاده از Immer به روز کنید Update Objects using Immer

• تغییرناپذیری در آرایه ها Immutability in Arrays

• تمرین برای تغییر ناپذیری Exercise for Immutability

• راه حل Solution

• خلاصه Summary

بخش 03 - مبانی Redux (مبانی) Section 03 - Basics of Redux (Fundamentals)

• معرفی این بخش Introduction of this section

• چگونه Redux کار می کند - مهم است How Redux works - Important

• معرفی اولین برنامه Redux شما Introduction of your first Redux application

• طراحی ساختار فروشگاه Designing the Store Structure

• فهرست کردن همه اقدامات Listing all actions

• بیایید تابع Reducer را ایجاد کنیم Let’s create Reducer function

• ایجاد فروشگاه Redux Creating the Redux Store

• ارسال اکشن ها از فروشگاه Dispatching the Actions from Store

• ساخت ActionType Making ActionTypes

• روش های اشتراک و لغو اشتراک را بدانید Understand the subscribing and unsubscribing methods

• برای این بخش ورزش کنید Exercise for this section

• راه حل این تمرین Solution of this Exercise

• بهترین ساختار پوشه برای Redux Best Folder Structure for Redux

• ترکیب اکشن ها، کاهش دهنده ها و انواع اقدام در یک فایل Combining Actions, Reducers and Action-types in One File

• معرفی Redux-thunk Introduction of Redux-thunk

• فراخوانی یک API با استفاده از Redux-thunk Calling an API using Redux-thunk

• خلاصه Summary

بخش 04 - بیایید اشکال زدایی را برای Redux یاد بگیریم Section 04 - Let’s Learn Debugging for Redux

• معرفی این بخش Introduction of this section

• redux-devTools را پیکربندی کنید Configure redux-devTools

• نحوه استفاده از redux-devTools How to use redux-devTools

• نحوه ردیابی کد How to trace code

• واردات و صادرات سیاهههای مربوط Import and Export logs

• خلاصه Summary

بخش 05 - تسلط بر Redux-Toolkit Section 05 - Mastering Redux-Toolkit

• معرفی این بخش Introduction of this section

• Redux-Toolkit چیست؟ What is Redux-Toolkit?

• پیکربندی فروشگاه با جعبه ابزار Configure Store with toolkit

• تعریف اقدامات - createAction Defining Actions - createAction

• تعریف Reducer - createReducer Defining Reducers - createReducer

• ایجاد برش با Redux-toolkit - createSlice Creating slices with Redux-toolkit - createSlice

• تمرین - برای تسلط بر جعبه ابزار Exercise - for mastering Toolkit

• راه حل Solution

• Reducer ها را با استفاده از Redux-toolkit ترکیب کنید Combine Reducers using Redux-toolkit

• خلاصه Summary

بخش 06 - میان افزار در Redux Section 06 - Middleware in Redux

• معرفی این بخش Introduction of this section

• میان افزار چیست؟ What is middleware?

• چگونه میان افزار خود را ایجاد کنیم؟ How to create own middleware?

• Redux-logger Middleware Redux-logger Middleware

• تمرین برای Middleware Exercise for Middleware

• راه حل این تمرین Solution for this exercise

• خلاصه Summary

بخش 07 - فراخوانی API با Redux Section 07 - Calling API with Redux

• معرفی این بخش Introduction of this section

• پشتیبان را برای API تنظیم کنید Set up the backend for API

• ایجاد درخواست API با استفاده از عملکرد ساده Making API request using simple function

• روش CreateAsyncThunk CreateAsyncThunk Method

• تعریف BaseURL برای axios Defining BaseURL for axios

• منطق روش میان‌افزار API سفارشی Logic of Custom API Middleware Method

• ایجاد میان افزار سفارشی برای تماس API Creating Custom Middleware for API call

• برخورد با بارگیری اموال Dealing with loading property

• ایجاد اکشن عمومی API Creating General API action

• ایجاد ActionCreators Creating ActionCreators

• برای این بخش ورزش کنید Exercise for this section

• راه حل این تمرین Solution for this exercise

• API برای به روز رسانی دارایی تکمیل شده API for Updating Completed property

• API برای حذف کار API for deleting task

• خلاصه Summary

بخش 08 - ادغام Redux با React Application Section 08 - Integrating Redux with React Application

• معرفی این بخش Introduction of this section

• ساخت اپلیکیشن React Creating React application

• افزودن redux در برنامه react Adding redux in react application

• Store را در React پیکربندی کنید Configure Store in React

• اشتراک و ارسال یک اقدام Subscribe & Dispatching an action

• اتصال Redux با استفاده از react-redux Connecting Redux using react-redux

• React-redux Hooks - از Dispatch و useSelector استفاده کنید React-redux Hooks - useDispatch and useSelector

• React-redux با اجزای کلاس React-redux with Class components

• برای این بخش ورزش کنید Exercise for this section

• راه حل این بخش Solution for this section

• تبریک می گویم Congratulations

• خلاصه Summary