useContext Hook - React In Depth
Let's learn about the useContext hook together in React.
We start with an overview of the useContext hook and the steps we need to take to setup a Context Provider boundary as well as provide it a value to all children components.
Then, we look at how we can consume this context inside any children no matter how deep in the tree of the Context Provider.
We wrap up the video by looking at how useContext can be used in conjunction with useState to manage state for multiple components in a parent component.
Chapters:
00:00 Introduction
01:15 useContext Overview
02:40 Steps to create Context
04:00 Component Setup
07:26 Creating a Context Object
10:05 Creating a Value Prop
14:01 Creating a Context Provider
18:54 Consuming Context - useContext Hook
26:40 Manipulating Context Without State
31:09 Visualizing Context
35:07 Stateful Context with useState
47:52 Recap and Next Steps
? Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth
? Come join us on Discord to chat with a like-minded community about tech and learning: https://discord.gg/K4nkugP7Gd
?Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: https://www.patreon.com/TechWithNader
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «useContext Hook - React In Depth», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.