Class - 14: React Router V6 - Part 2 | NavLink | useRoutes| Navigate | useNavigate | generatePath
This Video cover the ReactJs router v6 features like NavLink, useRoutes, Navigate, useNavigate, generatePath.
Timelines:
0:05 Intro
0:26 NavLink Demo
1:40 NavLink with active class
3:19 Interesting point on the NavLink implementation
3:50 UseRoutes Intro
4:50 UseRoutes Demo
7:35 Navigate Demo
16:58 useNavigate Demo
18:37 Interesting Error Do watch this very Important
18:48 conversion to functional component from Class base component
26:10 generatePath Demo
Class 1: • ReactJs Class-1: What is ReactJs and Why ... (What is ReactJs and Why do we need ReactJS)
Class 2: • Class-2 : ReactJs Local Machine Setup (ReactJs Local Machine Setup)
Class 3: • Class-3 : How to create new component and ... (How to create new component and resuse them)
Class 4: • Class-4 : What is virtual DOM in reactJs? (What is virtual DOM in reactJs?)
Class 5: • Class-5 : All about Jsx and its features (All about Jsx and its features)
Class 6: • Class-6 : Understanding State and Props in... (Understanding State and Props in ReactJS)
Class 7: • Class-7 : Understanding ReactJS Component ... (Understanding ReactJS Component lifecycle)
Class 8: • Class-8 : Refs and useRef Hooks in ReactJs (Refs and useRef Hooks in ReactJs)
Class 9: • Class-9 : High-Order Component (HOC) in R... (High-Order Component (HOC) in ReactJs)
Class 10: • Class - 10 : Everything about useEffect H... (Everything about useEffect Hook in ReactJs)
Class 11: • Class - 11: Fetch API Integration with Rea... (Fetch API Integration with ReactJS)
Class 12: • Class - 12: Axios Integration with ReactJs (Axios Integration with ReactJs)
Class 13: • Class - 13: React Router V6 - Part 1 (React Router V6 - Part 1)
#router #reactrouter #reactjs
Ask me on:
Telegram: https://t.me/javascriptbrew
Twitter: @javaScriptBrew
Insta : @javascriptbrew
Gmail: [email protected]