Home Feed Instagram with Tailwind CSS: #4 Thực hiện Sidebar UI | 200Lab ReactJS Tutorial

Описание: #react #instagram #tailwindcss

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ẽ cùng nhau phân tích và dựng Sidebar UI bằng Tailwind CSS.

Bạn lấy tài liệu của Seri ở đây nha: https://200lab.io/blog/home-feed-ui-i...

0:00 Lời mở đầu
0:40 Phân tích UI Sidebar
2:30 Thực hiện Root Page
4:50 Thực hiện Layout Sidebar
10:50 Làm logo và thực hiện CSS cho logo Instagram
16:03 Phân tích UI Nav Item
17:08 Thưc hiện UI Nav Item
22:00 Làm các icon cho từng Nav Item
25:35 Hiển thị UI Nav Item
28:56 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:
ReactJS là gì? Những điều có thể bạn chưa biết về ReactJS: https://200lab.io/blog/reactjs-la-gi/

--------------------
200Lab - Software Engineer Training Academy
LEVEL UP YOUR CODING SKILL
Inbox Facebook: https://bit.ly/3l7nG6K
Instagram: https://bit.ly/3xa1NGq
Youtube: https://bit.ly/376Tn8e
Website: https://bit.ly/3l1xIGD
Tiktok: https://vt.tiktok.com/ZSepGjsgR/