React Redux Ultimate – State Management (/w Typescript, JWT)

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

Mastering Redux, React Query, JWT Authentication, Firebase, Typescript and learn a ton of advanced technique

1 - Introduction

1 -Course Outline

2 -Install VS Code

2 - Understand Redux

1 -Why should we use Redux

2 -Understand redux concepts

3 -Setup Project

4 -Setup store

5 -The first app with redux

6 -Understand useSelector

7 -More example

8 -Why should we copy state

9 -Redux vs React Redux Library

3 - Redux Thunk

1 -Fetch API without redux thunk

2 -Async with redux

3 -Setup redux thunk

4 -Understand Flow of Redux (Thunk)

5 -Three status when dispatch

4 - Redux toolkit

1 -Setup project

2 -Understand slice and immer library

3 -Dispatch action with payload

4 -Fetch API with redux toolkit

5 -Best practice with thunk

6 -extraReducers

5 - Full CRUD Project

1 -Setup few components

2 -Fetch API

3 -Setup react bootstrap

4 -Setup JSON Server to Fake API

5 -Setup Modal & Understand how modal work

6 -Create Form

7 -Create user

8 -Lift State Up Technique

9 -Notification with react toastify

10 -Fetch users with thunk

11 -Create user with thunk

12 -Manually remove fake data

13 -Update User start

14 -Determine edit or create mode

15 -Fetch User By Id

16 -Update User end

17 -Delete User part 1

18 -Delete User part 2

19 -Add some code

20 -Lightdark mode part 1

21 -Lightdark mode part 2

22 -Load data to redux when refresh page

23 -Take your time to practice

6 - JWT Authentication & React Router DOM (latest version)

1 -Setup Project

2 -Install Package

3 -Create component

4 -Setup react router dom

5 -Understand Nested Route

6 -Setup Backend

6 -post.zip

7 -Index Page & Link Component

8 -Design Components

9 -Setup redux

10 -Register account part 1

11 -Register account part 2

12 -Register account part 3

13 -Login account

14 -Protected Route

15 -Persist data in redux

16 -Create Post with jwt header

17 -Show all posts

7 - Firebase & Authentication

1 -Why should we you firebase

2 -Setup Firestore

3 -Get document from firestore

4 -Get all documents

5 -Add document

6 -Update document

7 -Delete document

8 -Setup redux

9 -Setup component quickly

10 -Firebase Authentication

11 -Setup router quickly

12 -Observable user

13 -Set Current User

14 -Sign out

8 - React Query

1 -What is React Query

2 -Prepare backend

3 -Prepare frontend & setup react query

4 -React Query Devtool

5 -Understand useQuery hook

6 -IsLoading, isError and auto retry API

7 -Understand Stale Concept

8 -Pagination with React Query

9 -Fix null error

10 -Understand useMutation

11 -Invalidate Data

9 - Typescript

1 -Setup React Typescript project

2 -Primitive Type with typescript

3 -Reference Type with typescript

4 -Work with function part 1

5 -Work with function part 2

6 -Understand Interface

7 -Optional property

8 -Understand Generic Type

9 -useState with typescript

10 -Pass Props

11 -Work with input element

12 -Work with form part 1

13 -Work with form part 2

14 -Children prop part 1

15 -Child prop part 2

10 - Convert Project To Typescript

1 -Convert existing project to typescript

2 -Change all jsx extension to tsx

3 -Define Data Type for State of Redux

4 -Defined Type for useSelector and useDispatch

5 -Typescript for User Delete Modal Component

6 -Typescript for User Modal Component & Thunk

7 -Optional Property

8 -Type for slice

11 - Redux Toolkit Query

1 -Whats RTK Query & Setup

2 -Setup store

3 -First look at fetching data

4 -hmm Typescript

5 -Mutate data

6 -Testing delay & error

7 -RevalidateRe-Fetching data

8 -More on query

9 -isLoading vs isFetching

10 -More on mutation

11 -More on tag

12 - Whats next

1 - Learning more.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy