Redux Saga: 14 - Setup routings with react router dom typescript
Cùng mình phân tích và setup routings trong reactjs với react router dom typescript nhé 😉
Issue khi cài react-router-dom mà không có types package.
Cài package @types/react-router-dom
Setup routings cho trang login và admin
VIDEO CHAPTERS:
Made by: van long nguyen
Cảm ơn bạn nhiều nhé! ❤️
0:00 Giới thiệu
0:30 Liệt kê các requirements
2:05 Cài đặt packages react-router-dom
2:20 Setup router
3:19 Cài đặt packages @types/react-router-dom
4:33 Setup App router
5:40 Phân tích cách để chia các components
7:20 Tạo thư mục cho các features
7:49 Tạo thư mục cho các components
8:38 Định nghĩa cho component Not Found
9:58 Định nghĩa cho component private route
10:15 Export tất cả common
10:45 Định nghĩa cho admin layout
11:45 Định nghĩa cho feature auth
13:00 Gắn các components vào App router
15:02 Test thử routing
15:28 Xử lý logic cho private route
18:54 Gắn private route vào App router.
20:00 Test thử private route
21:50 Tóm tắt lại những gì đã làm
23:10 Cảm ơn và hẹn gặp lại ở video sau.
#reactjs
#react_router_dom
#typescript
Trở thành FAN CỨNG để hưởng được nhiều quyền lợi ưu tiên:
https://www.youtube.com/easyfrontend/...
----
Khoá học ReactJS cho người mới bắt đầu trên Udemy của mình
🌐 Link khuyến mãi: http://course.ezfrontend.com/reactjs
🎁 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:
Follow FB cá nhân: / nvhauesmn
🎉 Fan page: / learn.easyfrontend
❓Group: / easyfrontend
💻Github: https://github.com/paulnguyen-mn
💼 LinkedIn: / haunguyenmn