Скачать или смотреть How to Properly Setup React Context API and Update Your State with 4 lines of Code

Having troubles setting up your React Context API for your next project?
The solution is here. In this tutorial we look @ how to properly setup your React Context API and update your states with just 4 lines of code

KINDLY LIKE AND SUBSCRIBE

GitHub profile: https://github.com/calebcadainoo
Project on GitHub: https://github.com/calebcadainoo/cra-...

Timestamps
00:00 Intro
00:23 Create React App
00:48 Open app in vscode
01:10 Start app server
01:13 Remove default react bootstraper UI
01:55 Setup context api directory
02:02 Initialize Context API and reducer
02:27 Import React functions for Context API in DataLayer.js createContext, useContext, useReducer
02:53 Using createContext( ) function
03:23 Create Context API function with initialState, reducer and children
05:09 Exporting the Context API reader and updater function
05:48 Create initialState
06:12 Create actionTypes (enumeration)
06:38 Create reducer function
10:59. Wrap Context API around App component in index.js
12:32 How to pull data from Context API with anonymous array
14:03 How to update the Context API state
15:51 Conclusion



#reactjs #javascript #reactcontextapi #contextapi #api #howto #provider #state #statemanagement #updatestate #new #code #community #codecommunity #bootcamp #beginner #intermediate #anonymousarray #anonymous #dispatch #github #programming #html #programmer