React 17: Хук useContext

Когда приложение разрастается и спускать состояние становиться трудоемкой затеей - нужен инструмент упрощающий работу. useContext хук берет на себя работу по распространению состояния и позволяет очистить промежуточные компоненты от рутинной работы пробрасывать данные и методы от родителя к предкам.
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start
Бесплатная консультация - constcode.ru/free-lesson
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
github.com/Aleksey-Danchin/re...
ru.reactjs.org/docs/hooks-ref...

[@user-ig6ii2ic8l]

У Вас как-то легко получилось меня обучить... Это неожиданно и не каждому удается. Огромное спасибо!

[@web-constcode6252]

Приходите на курс JavaScript Start, и на React basic когда выйдет.

[@sviatbondar1721]

Спасибо за урок он получился максимально чистым без воды и лишних усложнений.Именно так должны объяснять базу а углубленные вещи уже после базы, а то бывает открываешь видео а там сразу уже куча компонентов логики и тд, и ты такой вообще не понимаешь что происходит

[@web-constcode6252]

Рад стараться

[@olgamatosova158]

спасибо оптимально понятное обьяснение

[@Artur133113]

Алексей, хотел поблагодарить за контент. Хотя просмотров мало, но качество, доступность материала, примеры на высшем уровне. Мне очень помогают Ваши видео.

[@web-constcode6252]

Рад стараться!

[@user-ff3lc1et3u]

Спасибо автору за подробное и понятное объяснение. С помощью этого удалось решить рабочую задачу

[@web-constcode6252]

Рад стараться

[@nastassia9601]

шикарное объяснение))) очень доходчиво и просто рассказали про хук useContext и про createContext ( )

[@handwaydekuma4760]

Шикарная подача материала! Перерыл весь ютуб, и только благодаря Вашему видео решил проблему в React Native! Спасибо!

[@web-constcode6252]

Рад стараться!

[@omnyartem]

Как же вы круто всё расписали!

[@lisalisa2425]

Спасибо огромное! У вас просто дар доступно объяснять)

[@web-constcode6252]

Рад стараться!

[@avmru]

Большое спасибо! Ваш урок оказался самым понятным среди прочих, которые я просмотрел на тему "useContext". Утащил Ваш урок в свой архив.

[@web-constcode6252]

Тут целый плейлист лежит, забирай все =D

[@avmru]

Ну, я, на всякий случай, подписался ))

[@user-tn3si4yl4h]

Крутой урок! Очень рекомендую действительно выделить время и изучить статьи настолько, насколько это возможно перед этим видео, а затем уже смотреть его - видео очень помогает понять статью, потом её можно ещё раз посмотреть. Я так сделала и урок из видео как по маслу мне в мозг уложился.

[@GregoryArt1976]

Огонь. Супер.

[@vladvoloshenko5701]

толково объяснил, спасибо)

[@web-constcode6252]

Спасибо, рад стараться =)

[@user-cq5rs1ov4l]

Круто объясняешь:)

[@web-constcode6252]

Стараюсь!

[@Johnny-rn8fb]

ты нормально объяснил. 👍

[@user-di3xd7tq8g]

Супер

[@snieda_programming]

Однозначно лайк !

[@web-constcode6252]

Спасибо, рад стараться =)

[@user-qn3hb4nk6g]

Хорошо объяснил, понятно, я думал, что никогда не пойму это после роликов Владилена Минина😅

[@web-constcode6252]

Потому что могу

[@wellemangrey3645]

Ровно 11 минут мне потребовалось чтоб понять, что нашёлся человек, который объяснил хук useContext на своём примере, а не тупо скопировал документацию 👏.

[@web-constcode6252]

Я напишу свою документацию )

[@anastasiia_idle]

Спасибо!!!

[@vladyslavhalchyshak1176]

спс, крутое видео

[@web-constcode6252]

Стараемся! )

[@andreigunderin]

Респект тебе.

[@web-constcode6252]

И тебе!

[@DmitriyDev]

сложно) но буду использовать

[@aibekbbic7821]

красаучег жи есь

[@bestelectrocity]

большое тебе спасибо за это видео, очень помог понять и освоить, в общем все твои очень ясно и очень полезны, может сделаешь в дальнейшем видео Tutorial про NextJS? :)

[@web-constcode6252]

Не знаю NextJS. Может быть когда-нибудь и до него руки дойдут )

[@galievramil1169]

Отличное объяснение, ничего не понимал у других, здесь очень классный пример, но если нужно перекинуть пропс-функции в непосредственного ребенка или чз 2 уровня, то можно и в пропсах прокинуть; ну а если 3 и более уровней, то штука очень полезная. Я первое приложение вообще через глобальный стэйт делал, замучился...

[@web-constcode6252]

Я тоже делал через глобальный стейт. Хапну я потом из-за такой архитектуры горя...

[@try08y25]

Можно вопрос. В контексте можно хранить любые данные приложения? Подскажите пожалуйста.

[@maxamax5695]

Вопрос. в низ понятно передается, а вверх?

[@vseslavr]

Спасибо за урок! У меня есть вопрос: к примеру, ваш учебный проект был бы довольно большим и содержал сотни компонент. Созданная вами глобальная функция Contex может быть переиспользована в любом месте для любой компоненты?

[@web-constcode6252]

Не уверен, что понял вопрос. Но если понял, то да. Глобальный пользовательский контекст будет доступен везде если он включается в рутовом компоненте.

[@vsezanyato]

А как несколько провйдеров объявить? Один в другой вкладывать? Не очень красиво получается.

[@web-constcode6252]

1 провайдер на одну общую сущность.

[@user-qk2fn3fr9p]

Чему больше отдаете предпочтение, редаксу или же контексту? Или все индивидуально? Если да, то в каких случаях и что?

[@web-constcode6252]

Это два разных инструмента для разных задач. Отдаю предпочтение effectorjs

[@user-qk2fn3fr9p]

@@web-constcode6252 спасибо

[@RinatYouldashbaev]

Спасибо, но называть надо так, чтобы было понятно. У вас ActionCard-ActionsCard, counter-count, value-value. Можно же назвать ContainerCards, Card, const [quantity, setQuantity], const increasedNumber и тд. У вас все проименовано так, чтоб еще больше запутать.

[@web-constcode6252]

Добрый день. Да, наверное имена можно было бы подобрать с большим разнообразием. Может быть перезапишу.

[@RinatYouldashbaev]

@@web-constcode6252 Лайкнул, конечно, но пока это видео от программистов для программистов. Успехов!

[@user-ho8pv5vj1t]

Все же Context не заменяет redux.

[@web-constcode6252]

А как на счет useReducer + useContext? =)

[@artemaveryanov6546]

Вообще да, в этих либах много вещей для оптимизации и прочей херовины, но в проектах, в которых несколько раз требуется контекст использовать редакс ради пару случаев глупо

[@user-wx5lz9vv8u]

@@web-constcode6252 шо пропсы кидать через 2 компонента или делать файл и импортить его, не знаю что лучше конечно если через 3 компонента то можно контекст, а можно ли использовать один контекст вместо 2 или 3 как объект с функциями и стейтами и уже по разным компонентам раскаидывать один контекст