filmov
tv
Hướng dẫn React + Redux Toolkit - Phần 1

Показать описание
😎 Mình là Duy (Daniel), qua video này chúng ta sẽ học thêm về React cũng như Redux Toolkit. Sau video này, chúng ta sẽ được hiểu thêm về sự hữu ích của Components trong React, tạo store trong Redux Toolkit, xử lý bất đồng bộ trong Redux Toolkit để tạo 1 cái blog dựa trên Reddit nhé :D Đây chỉ là phần 1 của series này th, sẽ là 1 project hoàn thiện trong tương lai :D
😎 Part 2:
Hướng dẫn React cơ bản 2021:
🧠 Tài liệu hữu ích:
😎 Extensions mình xài trong video (IDE: VS Code):
- Simple React Snippets (auto import cho React)
- Prettier (Code Formatter để code nhìn thẳng hàng ngay ngắn)
- Night Owl (No italics) (VS Code theme)
Mốc thời gian:
0:00 - Lời mở đầu phần 1
0:36 - Giới thiệu project (Part 1+2)
3:21 - Setup React
11:25 - Inline CSS style trong React
14:20 - Ẩn/hiện Edit Component
18:35 - Bắt đầu style Edit Component
31:21 - Sử dụng onChange cho input
33:49 - Lấy URL của ảnh thông qua OnClick
36:30 - Tạo Input Component để tái sử dụng
49:00 - Sử dụng onSubmit cho form
51:08 - Bắt đầu Redux/ Redux Toolkit
52:34 - Tại sao lại dùng Redux?
52:50 - Cách tạo store trong Redux Toolkit
54:29 - Tạo Slice trong Redux Toolkit
56:28 - Reducers
58:00 - State vs action
1:03:10 - Provider
1:04:41 - useSelector()
1:10:37 - useDispatch()
1:12:35 - Redux Extension
1:20:00 - Tạo server
1:23:43 - Xử lý bất đồng bộ thông qua Redux Toolkit
1:34:20 - Hiển thị Loading + Error
1:39:28 - Lời kết phần 1
👽 Liên hệ với mình tại:
😎 Part 2:
Hướng dẫn React cơ bản 2021:
🧠 Tài liệu hữu ích:
😎 Extensions mình xài trong video (IDE: VS Code):
- Simple React Snippets (auto import cho React)
- Prettier (Code Formatter để code nhìn thẳng hàng ngay ngắn)
- Night Owl (No italics) (VS Code theme)
Mốc thời gian:
0:00 - Lời mở đầu phần 1
0:36 - Giới thiệu project (Part 1+2)
3:21 - Setup React
11:25 - Inline CSS style trong React
14:20 - Ẩn/hiện Edit Component
18:35 - Bắt đầu style Edit Component
31:21 - Sử dụng onChange cho input
33:49 - Lấy URL của ảnh thông qua OnClick
36:30 - Tạo Input Component để tái sử dụng
49:00 - Sử dụng onSubmit cho form
51:08 - Bắt đầu Redux/ Redux Toolkit
52:34 - Tại sao lại dùng Redux?
52:50 - Cách tạo store trong Redux Toolkit
54:29 - Tạo Slice trong Redux Toolkit
56:28 - Reducers
58:00 - State vs action
1:03:10 - Provider
1:04:41 - useSelector()
1:10:37 - useDispatch()
1:12:35 - Redux Extension
1:20:00 - Tạo server
1:23:43 - Xử lý bất đồng bộ thông qua Redux Toolkit
1:34:20 - Hiển thị Loading + Error
1:39:28 - Lời kết phần 1
👽 Liên hệ với mình tại:
Комментарии