useContext | React Hooks Tutorial #5

Published: 06 April 2021
on channel: Philip Fabianek
2,078
67

In this episode of my React Hooks Tutorial, we will dive into the useContext hook and demonstrate, how to use it. We will learn about React context API including context providers and consumers. We will also learn how we can change context value using useState which will result in a change in all of our nested components.

Starting repository:

https://github.com/philipfabianek/rea...

Ending repository:

https://github.com/philipfabianek/rea...

Timestamps:

►0:00 Introduction
►0:10 Importing the useContext hook
►0:30 Explaining how React context works
►1:08 Creating a nested component
►1:33 Creating React context using React.createContext()
►1:54 Providing React context using the Provider component
►2:39 Acessing React context using the useContext hook
►3:46 Changing context value using the useState hook
►4:54 Ending

Social Media:

►Twitter:   / philip_fabianek  
►LinkedIn:   / philip-fabianek  
►Website: http://www.philipfabianek.com
►GitHub: https://github.com/philipfabianek


On this page of the site you can watch the video online useContext | React Hooks Tutorial #5 with a duration of hours minute second in good quality, which was uploaded by the user Philip Fabianek 06 April 2021, share the link with friends and acquaintances, this video has already been watched 2,078 times on youtube and it was liked by 67 viewers. Enjoy your viewing!