How to build a ReactJS app with useContext, useReducer and react-router

preview_player
Показать описание
In this video I will build a React app using react hooks. The hooks we use will be the useContext and useReducer hook to manage our state. We will also use react-router to manage the routes in the react app.

Project Repo

===============================================
DISCLAIMER: This video and description contains affiliate links. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
  1. Jason Rivera
  2. react hooks
  3. react context
  4. context api
  5. react hooks tutorial
  6. react tutorial
Рекомендации по теме
How to Create 0:04:29

How to Create and Run a React App

React JS Explained 0:10:00

React JS Explained In 10 Minutes

First React app 0:07:12

First React app using create-react-app | VS code | npx | npm

React JS Full 1:11:44

React JS Full Course | Build an App and Master React in 1 Hour

Full React Tutorial 0:06:37

Full React Tutorial #3 - Components & Templates

How to learn 0:00:32

How to learn ReactJS in 30 Days 👩‍💻 #technology #programming #software #react #career

React Native in 0:02:17

React Native in 100 Seconds

ReactJS Tutorial 5 0:09:04

ReactJS Tutorial 5 : Creating A Component In React

Build a QR 0:11:53

Build a QR Code Generator with Chakra UI in a Vite React App | React Tutorial

React Website Tutorial 1:42:17

React Website Tutorial - Beginner React JS Project Fully Responsive

Create a ReactJS 0:07:48

Create a ReactJS website using ChatGPT in 7 minutes!

ReactJS Tutorial - 0:04:54

ReactJS Tutorial - 2 - Hello World

Code A React 1:26:57

Code A React Website Tutorial | ReactJS Tutorial For Beginners

React in 100 0:02:08

React in 100 Seconds

Build a React 0:14:18

Build a React Accordion from Scratch | ReactJS tutorial

ReactJS Full Course 8:00:33

ReactJS Full Course | Build & Deploy 3 Modern Web Apps and Get Hired!

Fast Food App 0:00:24

Fast Food App in React Native 🔥 #shorts #reactnative #expo #reactjs #app #ui

Learn React JS 1:56:18

Learn React JS with Project in 2 Hours | React Tutorial for Beginners | React Project Crash Course

React & TypeScript 1:32:59

React & TypeScript - Course for Beginners

The Perfect Beginner 0:31:55

The Perfect Beginner React Project

Build a Modal 0:06:16

Build a Modal Component purely in ReactJS and TailwindCSS

How To Create 0:19:16

How To Create A Navbar In React With Routing

React Crash Course 3:51:56

React Crash Course for Beginners - Learn ReactJS from Scratch in this 100% Free Tutorial!

10 React Antipatterns 0:08:55

10 React Antipatterns to Avoid - Code This, Not That!

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

This is super underrated tutorial about useContext and useReducer state management concept. Since yesterday, I am looking for a decent example that includes data fetching. All I could find is counters or some examples that contains hard coded JSON data. Thank you so much !!

EnesKab
Автор

Nice explanatory video of the usage of useReducer and Context. Better than other pseudo pro programmers on YouTube.

I can now resctruture my messy code using this with almost no effort.

Thank you for sharing!

jrs_devs
Автор

Thank you for making this video! I finally understand context/reducer after two days of trying to learn it!

TheAqui
Автор

Wow! This deserves more views than currently seen. This also cleared some of my doubts .Thanks bro

simonkalu
Автор

let me tell you bro, YOU ARE MY GODDAMN HERO!

vibelover
Автор

Best presentation on the subject I've seen - mazel tov!

LesFPinter
Автор

This was extremely helpful! Thank you so much!

natalijavelkoska
Автор

How does the React Router setup change for Version 6? I know Switch was replaced with Route and Component becomes Element but I'm still getting errors that say no Routes match the location.

NolanMakatche
Автор

Hey great video, I was wondering can you deploy an app using json-server to netlify or heroku or do u need to create a real api

razorcrudstar
Автор

Great tutorial! Any idea how to deploy it to netlify? When I do I get 404 on posts...

karelvarel
Автор

Is the code available for download? I've got a missing comma somewhere, and it's driving me nuts - admittedly a short drive...

LesFPinter