filmov
tv
Redux Saga: 22 - Active menu với react router dom NavLink
Показать описание
Ở video này mình sẽ cùng các bạn set active cho sidebar menu tương ứng với từng URL nhé 😉
- Sử dụng NavLink của react router dom và check active class.
- Styles cho menu khi được active.
#reactjs
#navlink
#typescript
Trở thành FAN CỨNG để hưởng được nhiều quyền lợi ưu tiên:
———
VIDEO CHAPTERS:
Made by: Hoàng Trí
Cảm ơn bạn nhiều nhé! ❤️
———
0:00 Giới thiệu
0:35 Binding SideBar
2:00 Tạo Route cho MainContent
3:31 Gắn NavLink cho SideBar
4:50 Tô màu cho SideBar item
5:39 Tô màu cho selected item
7:25 Edit push history
8:08 Chốt
----
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:
- Sử dụng NavLink của react router dom và check active class.
- Styles cho menu khi được active.
#reactjs
#navlink
#typescript
Trở thành FAN CỨNG để hưởng được nhiều quyền lợi ưu tiên:
———
VIDEO CHAPTERS:
Made by: Hoàng Trí
Cảm ơn bạn nhiều nhé! ❤️
———
0:00 Giới thiệu
0:35 Binding SideBar
2:00 Tạo Route cho MainContent
3:31 Gắn NavLink cho SideBar
4:50 Tô màu cho SideBar item
5:39 Tô màu cho selected item
7:25 Edit push history
8:08 Chốt
----
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:
0:22:58
Redux Sagas vs Redux Toolkit Query
0:09:00
Redux Saga: 22 - Active menu với react router dom NavLink
1:34:53
Redux Tutorial - Learn Redux from Scratch
0:23:35
Redux Saga: 14 - Setup routings with react router dom typescript
0:45:41
Redux Toolkit And Why You Should Use It
0:14:39
fullstack redux implemented with redux saga + redux optimistic demonstration
0:27:06
Thunk + Observable: They can be friends? - Ian Stewart @ ReactNYC
0:05:09
Redux Saga: 23 - Phân tích tính năng trang Dashboard
1:15:03
Building your first React + Redux Application (#4): Async action creators and middleware
1:04:47
Redux Todo App Tutorial - React Redux Beginner Tutorial on creating a Todo List App
0:45:18
Learn React Redux || Create Counter App in react-redux in Typescript
0:13:31
Redux Saga: 21 - Admin Layout với CSS Grid and Material UI
0:22:12
Redux Toolkit Query vs React Query
0:00:33
Real or cake ? 🤔😂 #shorts #peopleplayground
2:07:31
Shift 2017: React State Management with Redux and MobX - Darko Kukovec (Infinum)
0:10:58
CRUD Application with Redux & React Query - Next.js For Beginners [#21] - Create Employee
0:06:08
Czym jest Redux? - Redux od podstaw #2
0:10:34
Redux Form Tutorial - The Advantages of Using Redux Form
0:34:15
11 - Dispatching functions and accessing redux state
0:29:52
React Redux Tutorial | Redux Tutorial for Beginners | React Redux Training | Edureka Rewind
0:12:19
React JS #21 Приложение и Редакс модули (Application & Redux - modules)
0:10:15
Redux Saga: 18 - Phân tích cách xử lý navigation trong redux saga
0:30:08
01 - Setting up Redux store in React || mapstateToProps || reducers || actions || TODO list app
0:11:38
040 setState удаление элемента
Комментарии