Redux Saga: 03 - Setup project dùng Typescript, Redux Toolkit và Create React App 🚀

Cùng mình tìm hiểu các setup một dự án có Typescript, Redux Toolkit và Create React App nhé!

———
VIDEO CHAPTERS:
Made by: Khang Nguyễn
Cảm ơn bạn nhiều nhé! ❤️
———
0:00 Bắt đầu
0:43 Nội dung trước khi setup dự án
5:42 Đi vào setup dự án
6:25 Sự khác nhau giữa Type và Interface trong Typescript
10:08 Giới thiệu tổng quan
20:30 Kết thúc video

#typescript
#redux_toolkit
#create_react_app

----
Khoá học ReactJS cho người mới bắt đầu trên Udemy của mình
🎁 Giá ưu đãi được đính kèm trong link 😉

-----
💻 Easy Frontend 🎉

Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.

❤️ Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé!

Kết nối với mình:

[QuanNguyen-ugln]

Mong anh sớm ra video tiếp theo ạ. Em đang đụng tới dự án mới dùng saga luôn

[KhangNguyen-kqiw]

0:00 Bắt đầu
0:43 Nội dung trước khi setup dự án
5:42 Đi vào setup dự án
6:25 Sự khác nhau giữa Type và Interface trong Typescript
10:08 Giới thiệu tổng quan
20:30 Kết thúc video

[minhhung-kimwy]

Hay quá, đang cần video này cho dự án sắp tới. Cảm ơn thầy!! Rất đúng thời điểm.

[kytosai]

Tuyệt vời, đi sâu vào typescript luôn anh ơi, tuy ai cũng bảo ts chẳng qua là chỉ bổ sung thêm type, nhưng nó là cả 1 vấn đề khi làm hoàn chỉnh project. Type mình tự define thì dễ nhưng dính vào type của cả library thì sẽ phải làm sao?

- Làm cách nào để tìm được type đúng của library?
- Làm cách nào để mở rộng type đó ?
- Bố trí các type ở file nào như thế nào cho hợp lý ? bởi vì khi code ts việc define interface, type là 1 lượng code tăng rất nhiều, bố trí lộn xộn thì phản tác dụng còn hơn code js thuần
- Như redux toolkit khi code với typescript sẽ dính thêm 1 số hàm khác hoàn toàn với khi code với js thuần để tạo ra được kết quả cuối cùng... -> đâu có giống js đâu ? Nên câu nói ts chỉ đơn giản là thêm type vào js nó không hẳn "đơn giản" như người ta vẫn nói !!!
- khi request api bên thứ 3 thì tự define type ở đâu như thế nào cho phù hợp để sử dụng ? Vì api bên thứ 3 câu trúc có thể rất đa dạng vậy thì suy nghĩ tư duy sao để define interface cho phù hợp ?

Nếu anh đầu tư làm 1 course trên udemy về react + ts thì quá tuyệt, em chắc chắn sẽ ủng hộ ^^ !

[sometimesalways]

làm sao chia màn hình terminal làm 2 vậy anh & trong file tsconfig: mục đích minh thêm baseUrl vào làm chi vậy anh?

[LamPham-qlup]

nhìn anh giống 1 anh trên cty e, cũng frontend cơ mà angular :-)

[NguyenHung-hbsb]

e có một câu hỏi là có thể dùng chung redux saga và redux-thunk ko? Nếu mà dùng chung thì chắc phức tạp nên 1 trong 2 thôi đúng ko a?

[phucle]

mong là khi nào rảnh a làm video về webpack và babel <3

[yennhichanel]

Khóa trên udemy có phần video bị khóa trong này không anh.

[haupham]

A ơi cho e hỏi s e cài bằng yarn thì nó báo lỗi version node xong e chuyển xuống node 15.14.0 nó vẫn báo nữa a. Nhưng e cài bằng npx create app thì vẫn chạy dược bình thường á a.
Cảm ơn video của a, rât hay và hữu ích. Mong a ra thêm nhiều video mới ạ <3

[trieunguyentuan]

a hậu làm về layout trong react đi. Ví dụ như: trang này có layout khác mà trang kia có layout khác. :D

[nghiangoquang]

@Easy Frontend anh ơi, em đang tìm hiểu về graphql, anh có thêm làm video về nó không ạ.
So sánh graphql với rest api thường. Em hiểu sơ sơ thấy graphql vó lợi cho frontend, bất lợi cho backend 🤣. Frontend cần query để lấy thông tin gì chỉ cần là theo syntax của graphql, khổ cho backend phải lọc các property mà frontend để query xuống db. Mà syntax của graphql cũng dễ hiểu, thay vì request dưới dạng rest api.
Em gặp vấn đề về upload file bằng graphql. Nếu tạo middleware xử lí upload file ở server thì bình thường, fontend cứ tạo form input file và truyền action, method vào đúng là upload được, còn dùng graphql thì gặp khá nhiều vấn đề.
Anh có thể chỉ giúp em với.

[vietdungduong]

project này là nó tự build sẵn cho mình hả anh Hậu

[juhandvan]

Thank a Hậu nhiều ạ.
PS: a đã dùng thử React-Query chưa ạ, nếu chưa anh thử chuyển sang dùng thử xem sao, e thấy dùnh thằng đấy sướng hơn rất nhiều so với Redux anh ạ