Учим useContext за 10 минут - React Hooks. Вся база React Context API

В этом видео я расскажу все, что вам нужно знать для начала работы с useContext. Вся база React Context API. Данное видео продолжает серию уроков React Hooks.
00:00:00 Вступление
00:00:24 Что такое контекст? React Context API
00:03:40 Практика
00:04:01 React.createContext
00:06:52 useContext
Видео о useState:
➞ goo.su/2i0S
Видео о useEffect:
➞ goo.su/2i0t
Учим React хуки (плейлист):
➞ goo.su/2I0t
Мой сайт:
webtricks-master.ru/
Подписывайся на соц сети:
➞ Telegram: t.me/joinchat/AAAAAFCDAQ8UfC9...
➞ Instagram: / corvaxv
➞ VK: vladislavkalachov
➞ Группа VK: corvaxweb
➞ Мой github: github.com/VladKalachev
Исходный код:
github.com/VladKalachev/react...
#react #reacthooks #useContext

[@-javascript2665]

Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! 00:00:00 Вступление 00:00:24 Что такое контекст? React Context API 00:03:40 Практика 00:04:01 React.createContext 00:06:52 useContext

[@senyasong1421]

Просто и понятно. Спасибо огромное за вашу работу) лайк

[@alexandralexandr1051]

Как же доступно Вы объяснили! Огромное Вам спасибо!

[@ytuser9248]

Спасибо большое. Кратко и по теме.

[@antonklochkov3416]

Просто и доходчиво! 10 из 10!!

[@user-tj2ho2ml2f]

спасибо Вам за такое простое и доходчивое объяснение. Жаль, что так мало видео на канале

[@voskoboinykov]

Благодарю))

[@truedivan]

Спасибо за видео!

[@SeptxD]

лучший!!

[@Gleb_Pastushenko]

Здравствуйте. Спасибо за объяснение. Не могу понять, зачем в React значения передаются в фигурных скобках (как и в этом видео на 6:27, когда в контекст передаётся значение стейта и функция для изменения стейта). Получается что мы передаём два значения, вроде как список, а в фигурных скобках - это по идее объект, но тогда вместо пар ключ-значение мы передаём через запятую стейт и функцию. Почему так? Спасибо

[@vruyrsaribekyan3379]

Круто получилось

[@petrkassadinovich2705]

Спасибо за видео. А вы на работе typescript не используете?

[@gurgen5217]

хорошее видео, спасибо. Все видео о useContext в youtube на примере смены тем. Неужели он более не на что не годится

[@shoxerpetrosyan8678]

Можно вопрос....Скажем у меня есть контекст. Я хочу при клике на батон отправлять картинку в базу данных. А после брать ссылку на картинку и менять стейт котекста. Но ка это делать,если я функцию создала отдельно от компонента,а контекст не работатет вне компонента

[@danildemchenko6004]

Влад, здравствуйте. Объясните, пожалуйста, когда вообще стоит использовать контекст? ну типо, если у нас есть какой-нибудь редакс, не легче в него "положить" то же состояние цветовой темы на сайте?)

[@DashaKyle]

Редакс под капотом как раз и использует контекст в конечном итоге

[@yurykiryaev329]

Добрый день, спасибо большое за видео, очень круто! Подскажите, а что у вас за библиотека показывающая вес импортируемых элементов?

[@racman9964]

Вроде бы в WebStorm, которым он пользуется, такая фича есть по дефолту, без установки плагинов. У меня другой редактор, не могу точно сказать)

[@user-bi9bu2gu1p]

@@racman9964 это не WebStorm, это VSCode. А расширение называется "Import Cost"

[@404russ]

ты че делаешь синьор помидор ? Ты стейт в функции объявляешь ?

[@user-pc4eg6rz2m]

Всех скороговорок не перескороговоришь не перевыскороговоришь))

[@uranbob]

как вы сказали весь компонент будет ререндерится - kzbin.info/www/bejne/bn3XY3uLnax-n7c как решать такие вопросы? можно более сложный пример? решает ли этот вопрос Redux?

[@c4973]

почему так тихо записано?

[@DartMitai]

go tutorial angulardart?

[@-javascript2665]

Sorry. Не являюсь специалистом по Dart. Хотя у меня есть парочку знакомых которые написали несколько крупных международных проектов на нем и очень его хвалят. Спасибо за идею. Возможно в будущем.

[@DartMitai]

@@-javascript2665 из чата, после js пересесть на Dart дело пары вечеров.

[@sergeyvladimirov9994]

Ну вот нихрена и не ясно. Все объясняют как тему поменять а мне не тему менять нужно, у меня другая задача. Мне нужно Упаковать коллекцию для передачи потомкам. Потомки будут вызываться линком. Ничего не работает Нигде НИГДЕ информации нет как это сделать

[@astkh4381]

нашел?

[@user-888azim-97]

вот реально, я тоже поверила что можно это сделать через useContext. в одном компоненте меняю его значение, но это изменение НЕ передаётся в другие компоненты. в провайдер обернула, всё хорошо, не понимаю ошибку.

[@user-888azim-97]

видимо через пропсы нужно передавать по всему приложению, нафиг мне такое. сохранила в локальном хранилище, надобность в контексте исчезла.

[@sergeyvladimirov9994]

разогнался он за 10..иш какой, а ну ка дай посмотрю ролик

[@sergeyvladimirov9994]

И кстати терминал можно было и закрыть. Треть экрана занимал. Бесполезный короче

[@zakiro4277]

антураж конечно унылый как у моей древней бабушки 😁