React JS Tutorial #10: the useContext Hook

Welcome back to Code Emily! Trying to understand the useContext hook?? Trying to understand prop drilling?! Wondering if redux or flux is needed anymore? This example walks you through an example of sharing the login state from the parent component to the children components and gives important advice on using useContext in your React JS application.

Whether you're a beginner or an experienced developer, this React JS tutorial on useContext will walk you through the process of using the useContext hook within your app properly.

If you're new to JavaScript as well, don't worry! Code Emily has got you covered with a comprehensive JavaScript tutorial series.

*Important Links*

Full React JS Beginner Tutorial: https://www.youtube.com/playlist?list=PLcWTAEgFyJYKs_tZlyeXwUM_T6mdzoJZx

Full JavaScript Tutorial: https://www.youtube.com/playlist?list=PLcWTAEgFyJYLqcy2RBM8RJr2kkdlwCAGR

00:00 Intro: useContext() hook
00:05 useContext() Example Explanation
00:37 Prop Drilling in Components
00:57 Creating a context
01:46 Wrapping children with the Context Provider
02:25 Getting the context from the useContext() hook
03:11 Rewriting prop drilling with the useContext value
03:40 Are State Management Tools like Redux Needed?
03:38 Are State Management Tools like Redux Needed?
03:48 useContext Tips: Don't bloat the app/consider a refactor
04:00 useContext Disadvantages: Children Re-rendering
04:15 Code Emily Outro & Thank you!