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: • React JS Full Tutorial
Full JavaScript Tutorial: • JavaScript Tutorials
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!
Watch video React JS Tutorial #10: the useContext Hook online without registration, duration hours minute second in high quality. This video was added by user Code Emily 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 245 once and liked it 19 people.