Как ПРАВИЛЬНО передать данные между компонентами React?
#React #reactjs
👉 Текстовая версия: https://it-dev-journal.ru/articles/ka...
В этом видео рассмотрим способы передачи данных между React компонентами - от дочернего компонента к родительскому, от родительского компонента к дочернему, между соседними компонентами, между компонентами на разных уровнях иерархии. Здесь вы найдете ответы на вопросы и на такие кейсы как: Обмен данными между компонентами React JS, Поднятие состояния в React, Передача данных между компонентами в React, Способы передачи данных между компонентами в React, Подъём состояния выше по иерархии, Как передать данные от одного компонента к другомy?
Мы в соцсетях:
👉 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать: https://www.donationalerts.com/r/devm...
Плейлисты и курсы:
📃 Исходный код: https://t.me/devmagazinechannel/142
💡 Все о ReactJS: • 📘 ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React Frontend
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux: • ☕️ Redux курс
💡 Redux Saga: • 🍏 Redux Saga курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР на ReactJS
💡 Svelte: • 🌴 Svelte курс
💡 Sass: • 📔 Sass курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - О примере
02:32 - Parent to child
04:23 - Child to Parent
07:01 - Sibling to Sibling (между соседними компонентами)
10:38 - Parent to Grandchild c пробросом пропсов (prop drilling)
13:09 - Parent to Grandchild с контекстом (React Context API)
19:50 - Еще раз о передаче данных в React
#devmagazine #devmagazinechannel
