Home Feed Instagram with Tailwind CSS: #5 Sidebar & React Router v6 | 200Lab ReactJS Tutorial

#react #instagram #tailwindcss #reactrouter

Chào mừng các bạn đến với chuỗi Seri Clone Home Feed Instagram with Tailwind CSS. Đây là một trong các chuỗi Seri dựng UI bằng ReactJS trên kênh 200Lab. Trong tương lai 200Lab sẽ còn phát triển rất nhiều ReactJS Tutorial nữa nên các bạn hãy Like, Share, Subscribe để ủng hộ kênh nhé ^^

Trong video này mình sẽ hoàn tất phần Sidebar UI & mình sẽ sử dụng thư viện React Router v6 để phục vụ mục đích chuyển trang khi mình nhấn vào các Tab trên Sidebar.

0:00 Lời mở đầu
0:30 Fix các warning error trong console log
2:38 Thêm tab Profile
6:58 Finish layout Sidebar
10:27 Giới thiệu & cài đặt thư viện react-router-dom
12:08 Config Router cho website
18:30 Xử lý logic khi nhấn vào các Nav Item để chuyển trang
24:58 Lời kết

Bạn có thể đọc thêm các bài viết sau đây để hiểu rõ hơn về ReactJS:

--------------------
200Lab - Software Engineer Training Academy
LEVEL UP YOUR CODING SKILL