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
Auf dieser Seite können Sie das Online-Video useContext | React Hooks Tutorial #5 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Philip Fabianek 06 April 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,078 Mal angesehen und es wurde von 67 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!