React Router 6 (Latest) Complete Guide || React JS || Hindi

You can find the branch list here - Defining Routes as Object https://github.com/codingscenes/react-app/tree/1-rrv6-React-Router-v6 - Alternate way of defining Routes https://github.com/codingscenes/react-app/tree/2-rrv6-alternate-way-of-adding-routes - Using Link for Navigation Between Pages https://github.com/codingscenes/react-app/tree/3-rrv6-navigating-between-pages - Layout and Nested Routes https://github.com/codingscenes/react-app/tree/4-rrv6-Layout-and-Nested-Routes - Handling Error Pages with Error Element https://github.com/codingscenes/react-app/tree/5-rrv6-ErrorPages - Using Nav Link for Navigation https://github.com/codingscenes/react-app/tree/6-rrv6-Using-NavLinks - Navigating Programmatically https://github.com/codingscenes/react-app/tree/7-rrv6-Navigating-Programmatically - Working with dynamic routes https://github.com/codingscenes/react-app/tree/8-rrv7-Working-With-Dynamic-Routes - Index Route and Further Nested Routes https://github.com/codingscenes/react-app/tree/10-working-with-index-Route - Loading Data in Advance using Loader https://github.com/codingscenes/react-app/tree/11.1-Data-fetching-with-loader - Improving Loader function https://github.com/codingscenes/react-app/tree/12-Improving-loader-function - Handling Errors with Custom Errors https://github.com/codingscenes/react-app/tree/14-Error-Handling-in-Loader-with-custom-errors - Using Loader on dynamic Routes https://github.com/codingscenes/react-app/tree/15--using-loader-with-dynamic-routes - useRouteLoaderData hook https://github.com/codingscenes/react-app/tree/16-useRouteLoaderData-hook - Using Action Function with Form https://github.com/codingscenes/react-app/tree/17-using-action-function-with-form - Using Action Function on Another Route https://github.com/codingscenes/react-app/tree/18-Using-useSubmit-hook-to-submit-data - useSubmit hook https://github.com/codingscenes/react-app/tree/18-Using-useSubmit-hook-to-submit-data - User Input Validation and Errors https://github.com/codingscenes/react-app/tree/19--User-Input-Validation-and-Errors - using action on the Edit page https://github.com/codingscenes/react-app/tree/20--Using-Action-on-edit-page - using useFetcher hook to trigger actions https://github.com/codingscenes/react-app/tree/21-useFetcher - using Defer function to defer the data fetching https://github.com/codingscenes/react-app/tree/22--using-Defer-function- Change the Branch with Order to access lecture-wise --------------------- Time Stamps --------------------------------- 00:00:00 Defining Routes as Object 00:06:54 Alternate way - Defining Routes as JSX 00:10:15 Navigating using Link Component 00:14:20 Layout and Nested Routes 00:25:33 Showing Error Pages and Error Element 00:29:45 using NavLink instead of Link 00:36:33 Navigating Programmatically 00:40:45 Dynamic Routes 00:47:49 Absolute vs Relative Path 00:59:56 index prop - Alternate syntax for Default Route 01:05:10 Using Loader Function for pre-fetching data 01:19:00 Improving Loader Function 01:26:00 Errors Handling with Custom Errors in Loaders 01:44:00 Using Loader on Dynamic Routes 01:59:39 useRouteLoaderData hook 02:14:48 Using action Function and Form Component 02:32:36 More on Action Function and its working 02:36:01 useSubmit hook and Form Component 02:47:13 User Input Validation and Error Outputting 02:58:37 using Action on Edit Page 03:02:52 useFetcher hook and when should we use it 03:16:11 using Defer function to defer the fetch request --------------------------------------------------------------------------------------------------------- https://www.instagram.com/codingscenes/ #reactjs #reactrouter #javascript #react #frontend tags: reactjs tutorial in one video, react router example, router in react js in Hindi, fetch and routing practice in react js, react js latest version tutorial Hindi, react query in react js, React Router 6