Redux là gì? Cách mình setup dự án React Typescript | Hướng dẫn chi tiết về Redux Toolkit Typescript

Показать описание

Đây là bài đầu tiên của series React Redux Typescript, video này chúng ta sẽ tìm hiểu về các khái niệm cơ bản của Redux như
- Redux là gì
- Redux toolkit là gì
- action, reducer, store, dispatch là gì

Ngoài ra trong video này mình sẽ hướng dẫn mọi người cách setup một dự án React Typescript từ ban đầu với Create React App + Typescript + Prettier + ESLint + Editor Config + Tailwindcss

_____ Nội dung video ___________________

00:00 - Chuẩn bị gì để học Redux
13:15 - Redux Toolkit là gì?
16:44 - Khởi tạo Project React Typescript với CRA
19:46 - Cấu hình prettier, eslint
27:00 - Tạo file .editorconfig
27:56 - Cấu hình baseUrl để dùng relative path
28:47 - Cài đặt Tailwindcss
29:40 - Cặt plugin prettier để sort class tailwindcss
32:15 - Chạy yarn lint và yarn prettier để tìm và fix lỗi
34:11 - Kết thúc

✉️Các bạn có thể tìm mình qua các kênh sau:
✅ SĐT: 0768 447 467

🔥Các khóa học của mình:
🧑🏻‍💻 Và các khóa Javascript, NodeJs,... sắp tới sẽ có nhé, các bạn cứ follow fanpage hoặc website mình để có được thông tin sớm nhất mỗi khi mình có thông báo

#duocdev #duthanhduoc #reactjs #typescript

Рекомендации по теме

Комментарии

tailwind mới đầu ai nhìn vô cũng chê mà dùng rồi lại nghiện 😄

thienvu

E có một case này. Ví dụ em muốn xóa một lúc nhiều item e dùng check box đee đưa id của item vào mảng thì bawngd cách nào để xoá nhiều ạ. Hay mình lặp mãng chưa id item rồi cho chạy hàm delete post ạ

chauaominh

Anh có thể dạy về redux saga không anh

VuNguyen-zrmn

dạ e chào a! A có cli nào setup luôn redux toolkit luôn khỏi mất công làm không a? thanks a

SangNguyen-gqwq

a dùng extension gì đổi màu code vậy anh?

chauaominh

ad có thể cho mình xin file pdf đó được không ạ

nhanLe-flby

anh ơi cho em hỏi sao chổ 30:33 setting cho tailwind trên vscode của em không có vậy anh? có cần cài extension gì ko anh?

holyland

Cùng là để lưu trữ state nhưng tại sao project lại dùng redux toolkit mà k dùng localstorage? 1 câu hỏi của nhà tuyển dụng khi đi pv. nhờ anh giải thích giúp @duocdev

lehanh

s a k đăng kênh cũ v a. Với seri này có bao nhiu video v ạ?

namhoai

sao anh không cra redux toolkit luôn mà lại đi custom tay thế ạ?

trungsyproducer

Redux là gì? Cách mình setup dự án React Typescript | Hướng dẫn chi tiết về Redux Toolkit Typescript

Học Redux và viết lại nó với 1 dòng code =))

Redux là gì? Cách mình setup dự án React Typescript | Hướng dẫn chi tiết về Redux Toolkit Typescript...

Học REDUX (+Toolkit) trong 1 video (2022)

Chương 15 - 133. Redux là gì Cách mình setup dự án React Typescript

ReactJS: 13-01 Tổng quan về Redux

#7 What/Why Redux - Tại Sao Lại Cần Redux ? (Redux & Redux Toolkit)

Redux tutorial: 01 - Giới thiệu tổng quan về Redux 🎉 (2020)

[ReactJs] Giới thiệu về Redux

[Redux Tập 1/3] Học Redux siêu dễ hiểu với Redux thuần (Vanilla Redux)

[Redux] - 5. Tại sao lại gọi là reducer

Hướng dẫn Redux

React-Redux 2023 - Redux là gì? Tại sao phải sử dụng redux - Lập trình thật dễ

Redux Saga: 01 - Giới thiệu tổng quan về saga 🎉

Redux: Hướng dẫn sử dụng @reduxjs/toolkit cho người mới bắt đầu

Redux project: 07 - Tổng quát về Redux Toolkit 🎉

#32 Tổng Quan Về Redux Saga - Saga có gì khác so với Thunk ? | Khóa Học Redux Ultimate

React-Redux 2023 - Redux toolkit là gì? Khác gì so với Redux core - Lập trình thật dễ

Redux: Hướng dẫn setup Redux từ ban đầu

#54 Phép Màu Khiến Redux Là Lựa Chọn Number 1 với React App | React - Redux cho người mới bắt đầu...

[Redux] - 11. Redux middleware

[Redux] - 9. React + Redux

#80. Redux persist - Xử lý Data Khi F5 Refresh

#32 Setup Redux Vào Dự Án React | Học Redux - React Cơ Bản Cho Beginners Từ A đến Z

#31 Tổng Quan Về RTK Query (Fetching Hiệu Quả với Redux Toolkit Query) | Khóa Học Redux Ultimate...