Trang chủ

Entrepreneurship

Redux Framework

React State Manager - Redux Toolkit, React Query, Redux Saga

React State Manager - Redux Toolkit, React Query, Redux Saga

Loại khoá học: Entrepreneurship

All in One - Gánh Team Tất Cả Version của Redux (Redux & Redux Toolkit) Kết Hợp React.JS

50.000 VND

40 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

Các nội dung trọng tâm trong khóa học này:

- Cài đặt Redux cho ứng dụng React.JS

- Cài đặt các middleware cần thiết cho Redux, có thể kể đến như là Redux Thunk, Redux Saga.

- Hiểu cách hoạt động và luồng dữ liệu trong Redux, có thể kể đến như các functions mapStateToProps, mapDispatchToProps (React Class) và các hook useDispatch, useSelector (React Hook)

- Hiểu cách hoạt động và sử dụng Redux hiện đại với Redux Toolkit

Redux - một thư viện của Javascript, được sử dụng rộng rãi trong cộng đồng Javascript, đặc biệt với React và Angular. Với Redux, chúng ta có thể chia sẻ dữ liệu trong ứng dụng javascript một cách dễ dàng và linh hoạt.

Nếu bạn là người mới bắt đầu, muốn học, hiểu, và làm chủ hoàn toàn Redux, thì đây chính là khóa học các bạn tìm kiếm. Trong khóa học này, chúng ta sẽ tìm hiểu từ đầu về Redux, và học cách sử dụng nó trong ứng dụng React.

Khi kết thúc khóa học này, các bạn mới bắt đầu sẽ hiểu được data Flow của Redux. Điều quan trọng ở đây chính là việc chúng ta luyện cách tư duy, hiểu cách thư viện Redux nó hoạt động.

Làm được điều này, thì cho dù chúng ta vào công ty nào, sử dụng công nghệ gì (Redux thuần, Redux Tookit, Redux với Class component, Redux với Hook) thì chúng ta đều tự tin và có thể làm chủ được công nghệ.

Hi vọng các bạn sẽ học được nhiều điều hữu ích từ khóa học này, phục vụ đắc lực cho việc trở thành một FrontEnd Developer một cách toàn diện.

Bạn sẽ học được gì

Học & Hiểu Tư Duy Đứng Sau Ứng Dụng React và Redux

Nắm Vững & Thành Thạo Redux Thuần, cũng như Redux Toolkit

Đá Bay (vì Đã Hiểu) Lý Do Dùng Redux Thunk, Redux Saga Middleware

Dù Rơi Vào Công Ty nào, Sử Dụng version gì của Redux, Bạn Đều có Thể Gánh Team - Super Easy

Yêu cầu

Có hiểu biết về React là một lợi thế

Nội dung khoá học

12 sections

Chapter 0: Giới Thiệu

5 lectures

#0. Demo Kết quả đạt được

03:14

#1. Hướng Dẫn Download Tài liệu khóa học

00:12

#2. Yêu cầu của khóa học

01:34

#3. Về khóa học này

01:51

#4. Về tác giả

00:12

Chapter 1: Setup Environment

4 lectures

#5. Công cụ code IDE

12:08

#6. Browser

08:51

#7. Node.JS

08:24

#8. Quản lý code với Git

01:55

Chapter 2: Redux Overview

4 lectures

#9. Redux là gì ?

08:19

#10. Tại sao lại học Redux ?

01:01

#11. Redux Die bởi React Context API

03:06

#12. Lịch sử phát triển của Redux

03:32

Chapter 3: Redux Setup

4 lectures

#13. Run Hello World với React/Redux

05:34

#14. Setup Redux Devtool

04:39

#15. Setup React với Vite

04:27

#16. Cài đặt thư viện Redux

02:02

Chapter 4: Redux Concepts

11 lectures

#17. Yêu cầu bài toán

02:55

#18. Mô hình Oneway Binding

03:28

#19. Các keywords sử dụng với Redux

02:05

#20. Redux Store

09:18

#21. Redux Slide

12:09

#22. useSelector - Read Redux's State

10:27

#23. useDispatch - Update Redux's State

07:02

#24. Tổng kết cách sử dụng Redux với Redux Toolkit (React)

08:13

#25. Bài tập thực hành tính năng decrease

08:00

#26. Sử dụng useAppDispath, useAppSelector với Typescript

04:09

#27. Kỹ năng Debug Xem Code Chạy

08:41

Chapter 5: Redux Practises

19 lectures

#28. Setup dự án Backend

04:36

#29. Setup Bootstrap

05:44

#30. Design Base giao diện

02:22

#31. Get List Users với React

11:47

#32. Redux Thunk

05:13

#33.1 Fetch List User với Redux (Part 1)

15:12

#33.2 Fetch List User với Redux (Part 2)

05:49

#33.3 Fetch List User với Redux (Part 3)

11:08

#34. Notification với React Toastify

05:53

#35. Bài Tập Design Create/Update/Delete User

05:28

#36.1 Create a New User với Redux (Part 1)

15:37

#36.2 Create a New User với Redux (Part 2)

17:44

#37. Bài tập Update a User với Redux

05:15

#38. Bài tập Delete a user với Redux

02:41

#39.1 Hỗ trợ dark/light mode (Part 1)

09:50

#39.2 Hỗ trợ dark/light mode (Part 2)

12:10

#40. Redux persist

15:45

#41. Bài tập CRUD blogs với Redux

03:16

#42. Tổng kết các kiến thức Redux đã học

04:59

Chapter 6: React Query

21 lectures

#43. Vấn đề tồn đọng

07:50

#44. Cài đặt React Query

07:20

#45. Fetch Data

12:48

#46. useQuery Hook

16:25

#47. React Query Devtool

08:27

#48. Query parameter

17:20

#49. Khái niệm Stale & Cache

16:08

#50. Design Pagination

09:31

#51. Phân trang với React Query

16:46

#52. Mutation Data

03:52

#53. Create New User

11:04

#54. Revalidate Data

18:38

#55. Bài tập Update User

02:19

#56. Bài tập Delete User

01:32

#57. Sharing Data Between Components

11:30

#58. Bài tập CRUD Blogs

02:54

#59. So sánh Redux và React Query

07:44

#60. Các tham số mặc định của React Query

06:45

#61.1 Reuse Query Key

18:04

#61.2 Reuse Query Function

10:56

#62. Tổng kết về React Query

05:44

Chapter 7: Redux/React Query với Nextjs

4 lectures

#63. Sơ lược về Next.js

02:24

#64. Setup Redux Toolkit cho Next.js

08:58

#65. Vai trò của Redux với Next.js

10:20

#66. Sử dụng React Query với Next.js

08:07

Chapter 8: Redux Saga

16 lectures

#67. Yêu cầu trước khi học Redux Saga

03:43

#68.1 Javascript Generator

12:30

#68.2 Yield

15:58

#69. Setup project

06:35

#70. Tích Hợp Redux Saga

09:18

#71. Saga Effects

04:55

#72. Root Saga

11:13

#73. Ví dụ increase button

15:24

#74. Bài tập về decrease button

02:18

#75. createAction

09:16

#76.1 Hiển thị list user (Part 1)

10:54

#76.2 Hiển thị list user (Part 2)

19:12

#77. Thêm mới user

21:10

#78. Bài tập Update User

03:32

#79. Bài tập Delete User

02:23

#80. Bài tập crud blogs

02:20

Chapter 9: Saga Flows

7 lectures

#81. Blocking/Non-Blocking Effects

06:51

#82. Watcher/Worker

09:25

#82.1 Lưu ý về #83 và #84

00:06

#83. Phân tích luồng hoạt động của login flow

18:34

#84. Tính năng Login/Logout

08:59

#85. Các kiến thức chưa đề cập

05:11

#86. Khi nào nên sử dụng Redux Saga ?

03:38

Chapter 10: Tổng kết các kiến thức đã học

4 lectures

#87. Về sharing data between components

01:39

#88. Về Fetching/Mutate Data

01:23

#89. Về các thư viện khác

04:04

#90. What’s next ?

02:55

Summary

1 lectures

Lời Cảm Ơn & Đánh Giá Khóa Học

00:21

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

JDBC Servlets and JSP - Java Web Development Fundamentals

JDBC Servlets and JSP - Java Web Development Fundamentals

Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

The Complete Introduction to OpenFOAM

The Complete Introduction to OpenFOAM

Software Architecture & Design of Modern Large Scale Systems

Software Architecture & Design of Modern Large Scale Systems

C++ Cơ bản dành cho người mới học lập trình

C++ Cơ bản dành cho người mới học lập trình

Learn to build an e-commerce store with .Net, React & Redux

Learn to build an e-commerce store with .Net, React & Redux

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Bootstrap - Create 4 Real World Projects

Bootstrap - Create 4 Real World Projects

Build REST APIs with Python, Django REST Framework: Web API

Build REST APIs with Python, Django REST Framework: Web API

Complete Android Development with Kotlin Masterclass

Complete Android Development with Kotlin Masterclass

Lập trình react js chuyên sâu với React Hooks and Bootstrap

Lập trình react js chuyên sâu với React Hooks and Bootstrap

Vue - The Complete Guide (incl. Router & Composition API)

Vue - The Complete Guide (incl. Router & Composition API)

Python Django - The Practical Guide

Python Django - The Practical Guide

Ethereum and Solidity: The Complete Developer's Guide

Ethereum and Solidity: The Complete Developer's Guide

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi