React Routing and Context (useContextOutlet) - Best Way🔥

preview_player
Показать описание
We have covered React routing - different styles and architectures in this video series and in the last video, I covered Context API available in ReactJS.

In this video, you will learn how you can use the object style for routing, using the Route provider, and manage state properly using the useContextOutlet() hook provided in React router dom version 6.4

I hope you enjoy this video and learn something new.

Follow me on Instagram:

Keywords:
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
react router dom
react route with params
multiple params react routing
  1. Studytonight with Abhishek
Рекомендации по теме
React Routing and 0:13:52

React Routing and Context (useContextOutlet) - Best Way🔥

🚀 useContext, Context 0:36:31

🚀 useContext, Context Provider, etc. - All about Context API in React

React Outlet Context 0:06:43

React Outlet Context

React Routing Explained 0:04:08

React Routing Explained in 4 Minutes

React Crash Course: 0:05:13

React Crash Course: #6 React Router v6: useOutletContext

Ep27 - Fetcher 0:09:26

Ep27 - Fetcher | React Router Data API

React Routing - 0:18:24

React Routing - Better & scalable Architecture 💜

How to use 0:09:11

How to use the useContext Hook for a truly global state - React JS Tutorial

React router dom 0:19:57

React router dom useFetcher

React Router 6: 0:00:50

React Router 6: createBrowserRouter

TanStack Router: Authenticated 0:08:57

TanStack Router: Authenticated Routes (Guards)

Go Back in 0:00:57

Go Back in Time with the usePrevious Hook in React

13. React Router 0:04:51

13. React Router Passing Probs to Routes | Dr Vipin Classes

Lecture on React 1:00:49

Lecture on React Router 6.15.0, createBrowserRouter, RouterProvider at Hackmyhead Coding Bootcamp

React react-router-dom Routing 0:19:30

React react-router-dom Routing

Working with Layout 0:34:56

Working with Layout Component and Outlet in react-router-dom v6

React-Router 6V. Прокидывание 0:05:01

React-Router 6V. Прокидывание props в Outlet и как их достать

Como usar Context 0:06:17

Como usar Context Api EN REACT JS

Part 32 React 0:07:12

Part 32 React Tutorial | Protecting the routes in React | Redux toolkit | Authenticating the routes

Implementing React Router 0:05:05

Implementing React Router | React Tutorial #2

Build a Budgeting 0:13:47

Build a Budgeting App with React Router #2 - Routing Basics & Loaders

React State Management 0:22:13

React State Management - Crash Course!

What is JSX? 0:14:14

What is JSX? 🔥 Secrets for Beginners #reactjs

React js Router 0:10:58

React js Router v6 tutorial in hindi

Комментарии
Автор

Cool lesson! In fact, he helped solve my problem with understanding the new version of the react.
Thank you very much!

mistk
Автор

I have a question, is it necessary to add some configuration so that the createBrowserRouter works in production, specifically in render or in a VPS like hostinger.

Gamer-tbrf
Автор

how can i use a seperate file for my context api and provider and connect using the root component and outlet? I had a provider component which has a state defined and so was passed usin values property. However, I want to refactor using this method but don't know how to pass my states fro my provider to the root which will then pass those states as an object to the outlet component using context. Or do all the states have to be defined in the root component when using outlet and I do away with the seperate provider component? Is that simpler?

kDev
Автор

kaha the abhi tk aap. every one is teaching old methods of react router dom. i found you only teaching about latest features

yuvrajverma
Автор

you are wasting so much time explaining what you did in previous videos.