کد آموزشی دوره رسمی Redux در امتداد همه سطوح

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

Redux Essentials & Overview Redux Essentials & Overview

• مقدمه - این بخش Redux درباره چیست Intro - What this Redux Section is All About

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

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

• شرایط و مفاهیم Redux Redux Terms and Concepts

• Action and State را در Redux مشاهده کنید View Action and State in Redux

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

• اقدامات در Redux چیست؟ What Are Actions in Redux

• کاهش دهنده ها در Redux چیست؟ What Are Reducers in Redux

• نمونه ای از کاهش دهنده در Redux An Example of A Reducer in Redux

• فروشگاه Redux چیست؟ What Is The Redux Store

• انتخابگرها در Redux چیست؟ What Are Selectors in Redux

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

کلاسیک Redux 101 - یک برنامه از ابتدا بسازید 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 State - Local Vs Global Setting Up React And Redux State - Local Vs Global

• نحوه استفاده از Dispatch در برنامه Redux How to Use Dispatch in the Redux App

• راه اندازی ارائه دهنده در Redux Setting Up The Provider in Redux

• UseSelector و State Management در Redux UseSelector and State Management in Redux

• راه حل مدیریت ایالت Redux بخش اول Redux State Management Solution Part I

• بخش دوم راه حل فروشگاه Redux را کامل کنید 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

• تعویض سه تایی و منطق برای دوست داشتن در Redux بهبود یافته است Improved Ternary Toggle And Logic For Liking in Redux

• راه حل برای سبد Redux Solution For Redux Basket

• Redux Store را به Typescript منتقل کنید Migrate Redux Store to Typescript

• به روز رسانی تایپ اسکریپ به جاوا اسکریپت Typescript Updates to Javascript

• متریال UI و پیاده سازی Redux Material UI and Redux Implementation

• Finish Styling اپلیکیشن فروشگاه فیلم Redux Finish Styling The Redux Movie Store Application

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

• کد مرجع پروژه بخش Section Project Reference Code

• ConfigureStore در مقابل CreateStore در Redux و RTK ConfigureStore vs 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

• Redux useSelector Implementation و Demo Redux useSelector Implementation and Demo

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

• راه حل اقدام کاهشی با RTK Redux Decrementing Action Solution with RTK Redux

• Action Paylod با Redux و Local Versus Global Store State Management Action Paylod with Redux and Local Versus Global Store State Management

• CreateAsyncThunk و تماس های API با Redux CreateAsyncThunk and API Calls with Redux

• معرفی Redux Devtools Redux Devtools Introduction

• راه حل اختیاری برای Redux API درخواست مدیریت مناسب Optional Solution For Redux API Request Proper Handling

برنامه رسانه اجتماعی با مثال Redux Social Media App with Redux Example

• بررسی نهایی برنامه Redux Project Final Redux Project App Review

• راه اندازی فایل های هسته پروژه و گزینه های سرویس Initializing The Project Core Files and Service Opts

• راه اندازی Redux Store و The 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

• مسیریابی پویا با React و Redux Dynamic Routing With React and Redux

• راه حل نهایی کد پروژه - فقط برای مرجع Final Project Code Solution - FOR REFERENCE ONLY

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

• سفارشی کردن Action Payload با عملکرد Repare Redux Callback Function Customizing Action Payloads with the Prepare Redux Callback Function

• اضافه کردن چند برش به یک برنامه Redux Adding Multiple Slices to a Redux Application

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

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

• Redux Reactions & Action Payload Customizations Redux Reactions & Action Payload Customizations

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

• کیت راه حل Redux برای این بخش Redux Solution Kit for this Section

• Async And Abstracting UseSelectors در Redux Async And Abstracting UseSelectors in Redux

• واکشی داده ها با CreateAsyncThunk در Redux Fetching Data with CreateAsyncThunk in Redux

• شیوه های بارگذاری مناسب برای واکشی داده ها در Redux Proper Loading Practices For Fetching Data in Redux

• فیلد ExtraReducer در Redux Slice با RTK ExtraReducer 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 Section

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

• اعلان ها ویژگی Slice with Redux - Destructuring State بدون ارسال Notifications Feature Slice with Redux - Destructuring State without Dispatch

• واکشی داده های اعلان ها با Redux Fetching Notifications Data with Redux

• React Hooks and Reducers - Rendering Components with Redux React Hooks and Reducers - Rendering Components with Redux

• نشان اعلان ها با Redux Notifications Badge with Redux

• یادداشت با Redux و Selectors Memoization with Redux and Selectors

• React Memo و Redux React Memo and Redux

• Redux CreateEntityAdapter Toolkit Redux CreateEntityAdapter Toolkit

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

• عادی سازی داده ها و بررسی کامل Redux RTK Normalizing Data And Full Redux RTK Review

جستجوی RTK و الگوهای جستجوی پیشرفته RTK Querying and Advanced Querying Patterns

• RTK APISlice برای Redux Querying Data Fetching MGMT RTK APISlice for Redux Querying Data Fetching MGMT

• ذخیره داده با پرس و جوی RTK در Redux Data Caching with RTK Query in Redux

• تمرین Practice

• بازیابی داده ها و نیمه شفافیت در Redux Refetching Data and Semi Transparency in Redux

• TagType و بازیابی خودکار با Redux TagType and Auto Refetch With Redux

• Caching Under The Hood با جهش در جستجوی RTK Caching Under The Hood with Mutation in RTK Querying

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

• کاربر داده ها را با پرس و جوی RTK برای Redux برش می دهد User Slice Data with RTK Query for Redux

• نقاط پایانی با پرس و جو RTK تزریق شد Injected Endpoints with RTK Query

• به‌روزرسانی‌های حافظه‌گذاری به داده‌های کش با پرس و جوی RTK Memoization Updates to Cache Data with RTK Query

• ذخیره به روز رسانی های خوش بینانه با پرس و جو RTK - پیشرفته Caching Optimistic Updates with RTK Query - Advanced

• سوکت های وب و جریان با پرس و جو RTK Websockets and Streaming with RTK Query

• کد تیکه اطلاعیه دانلود کنید NOTIFICATION SLICE CODE DOWNLOAD

• به روز رسانی اعلان ها با Websockets توضیح و تغییرات برای ذخیره داده ها Update Notifications With Websockets Explanation and Changes for Caching Data

• به روز رسانی نهایی RTK و خلاصه دوره Redux Final RTK Updates and Redux Course Summary

• راه حل کد نهایی فقط برای مرجع Final Code Solution For Reference Only