useContext + useReducer | Doctor Booking React JS App | React JS | Day- 35

Опубликовано: 06 Апрель 2022
на канале: JAS ACADAMY

252

The useContext hook is used to create common data that can be accessed throughout the component hierarchy without passing the props down manually to each level. Context defined will be available to all the child components without involving “props”. React Context is a powerful state management feature in React. Instead of passing the props down through each component, React Context allows you to broadcast props to the components below.

The useReducer hook is used for complex state manipulations and state transitions. … useReducer is a React hook function that accepts a reducer function, and an initial state.

00:00 Introduction
04:04 Creating the todoList component
06:25 Adding reducers
14:50 Context and Provider
23:05 Adding two more componets

In this React JS project, we'll be building a complete Doctor booking
App using ReactJS.This Doctor booking App will have following
features/learnings -

✅ App setup
✅ API setup
✅ UI creation using styled-components
✅ Debouncing implementation
✅ Component based development
✅ Responsive UI using Flex Concept
✅ API integration with axios
✅ Book consultation with video call
✅ Validation using Formik

usereducer,hooks usereducer,usereducer hook,reactjs usereducer,react hooks usereducer,usereducer tutorial,react usereducer js,react js usereducer,react reducer,use reducer react js,usereducer hook in react,react usereducer hook,learn react usereducer,react reducer hook,react hooks usereducer tutorial,react js usereducer tutorial,learn usereducer in 20 minutes,react reducer function,reactjs,react beginner,reactjs tutorial,javascript,react

#reactjs #reactredux #reacttutorial #reactjsbeginners #jasacadamy