useContext + useReducer | Doctor Booking React JS App | React JS | Day- 37
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
00:59 Adding ThemeContext component
02:51 Modifying the code
05:33 Adding CSS code
06:55 Adding useContext and useReducer
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,usecontext,usecontext hook,usecontext user,reactjs usecontext,react context,hooks usecontext,usecontext tutorial,react js usecontext,react usecontext js,use context react js,react usecontext hook,learn react usecontext,react context hook,react hooks usecontext,react js usecontext tutorial,learn usecontext in 10 minutes,react context function,react hooks usecontext tutorial,react,react beginner,javascript,react hooks project,react tutorial,webdevsimplified
#reactjs #reactredux #reacttutorial #reactjsbeginners #jasacadamy