filmov
tv
Redux Thunk - Middleware trong Redux Toolkit (2022)
Показать описание
Ở video trước chúng ta đã học về Redux. Và chúng ta có 1 ràng buộc là ở trong Store chúng ta không được có bất kì đoạn code bất đồng bộ hoặc bất kì side-effect nào. Bất kì các tác vụ bất đồng bộ nào thì đều phải thực hiện phía bên ngoài của store.
Tuy nhiên, trong thực tế thì đôi khi các ứng dụng sẽ cần thực hiện các tác vụ side-effect trước khi cập nhật state trong Store chung. Vậy thì có một câu hỏi đặt ra là. Chúng ta sẽ cần viết các đoạn logic side-effect này ở đâu trong khi không thể viết chúng ở trong các reducer?
⇒ Và đó là lúc mà Redux Middleware ra đời để cho phép chúng ta viết các đoạn code logic mà thực hiện các side effects này
👉 Link tham khảo:
(Sau khi clone code. Checkout sang branch redux-thunk)
👉 Timestamp
0:00 INTRO
00:39 Giới thiệu và Hướng dẫn setup source code
04:52 Giới thiệu lại ứng dụng Todo App từ video Redux
09:30 Giới thiệu sơ qua lại về kiến trúc Redux
16:35 Hướng dẫn setup và sử dụng thư viện fake api (Tùy chọn)
34:50 Giới thiệu Redux Middleware
41:35 Cập nhật Todo App để sử dụng Redux Thunk
01:25:18 OUTRO
📢 Liên hệ với mình tại:
#holetex #redux #reduxthunk #reduxtoolkit #frontend
🤝 Tham gia làm hội viên của kênh này để được hưởng đặc quyền:
Tuy nhiên, trong thực tế thì đôi khi các ứng dụng sẽ cần thực hiện các tác vụ side-effect trước khi cập nhật state trong Store chung. Vậy thì có một câu hỏi đặt ra là. Chúng ta sẽ cần viết các đoạn logic side-effect này ở đâu trong khi không thể viết chúng ở trong các reducer?
⇒ Và đó là lúc mà Redux Middleware ra đời để cho phép chúng ta viết các đoạn code logic mà thực hiện các side effects này
👉 Link tham khảo:
(Sau khi clone code. Checkout sang branch redux-thunk)
👉 Timestamp
0:00 INTRO
00:39 Giới thiệu và Hướng dẫn setup source code
04:52 Giới thiệu lại ứng dụng Todo App từ video Redux
09:30 Giới thiệu sơ qua lại về kiến trúc Redux
16:35 Hướng dẫn setup và sử dụng thư viện fake api (Tùy chọn)
34:50 Giới thiệu Redux Middleware
41:35 Cập nhật Todo App để sử dụng Redux Thunk
01:25:18 OUTRO
📢 Liên hệ với mình tại:
#holetex #redux #reduxthunk #reduxtoolkit #frontend
🤝 Tham gia làm hội viên của kênh này để được hưởng đặc quyền:
0:08:48
Redux Toolkit Tutorial - 16 - Redux Thunk Middleware
0:30:51
React Redux Thunk Middleware in Redux Toolkit for Async Actions with Axios
1:25:44
Redux Thunk - Middleware trong Redux Toolkit (2022)
0:23:57
Learn React Redux Thunk with Project | Redux Thunk Middleware | Axios Async Actions | Redux Tutorial
0:09:43
Easiest Way to Use Redux Thunk | Redux Thunk Tutorial
0:07:17
Basics of Redux Thunk
0:36:45
React Redux Thunk Crash Course - Middleware & Make HTTP Requests
0:04:58
Redux Middleware Tutorial - Redux Tutorial #5
0:05:22
react redux thunk in 5 min
0:06:37
HOW TO USE REDUX THUNK - SAVE AND LOAD DATA FROM THE BACKEND
0:07:29
How To Use Redux Thunk In React Js
1:06:03
Redux Middleware/Async/Thunk: The complete Guide
0:05:00
React Redux Tutorials - 11 - Middleware
0:08:11
16 Asynchronous Redux_ Redux-Thunk - 001 Asynchronous Redux Redux Thunk
0:16:08
Redux-thunk Middleware | React Redux Series Part 7
0:10:48
ReactCasts #6 - Redux Middleware
0:07:10
Redux: Async Action với Thunk Middleware
0:15:46
Middleware trong Redux sử dụng như thế nào ?
0:50:20
Redux step by step with Redux thunk
0:19:36
React-Redux 2023 - Middleware trong redux là gì? Redux thunk - Lập trình thật dễ
0:10:36
Tự viết Async Action với Middleware trong Redux
0:10:48
React js tutorial - React/Redux #6 Redux Middleware
0:08:22
React Redux Tutorial - Middleware
1:18:08
Redux Update Todo & Asynchronous logic with redux-thunk | thubk middleware
Комментарии