54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount
Поддержать меня и получить доступ к дополнительному контенту можно вот здесь:
https://www.patreon.com/itkamasutra
Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/
Много практики по reactJS, друзья, много примеров, один большой проект, приправленный теорией!
В двух словах тезисно:
1. Раз у нас есть класс, значит у нас создался объект, ответственный за конкретную отрисовку конкртной компоненты и именно с ним "общается" React
2. Компонент может получить новые пропсы, компонент может быть вмонтирован непосредственно в DOM, компонент может быть из DOM демонтирован папой Реактом, компонент может изменить локальный стейт и обновиться. И обо всём этом как-то должен узнавать объект
3. Как? Через методы жизненного цикла.
4. Нам пока интересен метод componentDidMount
5. Этот метод срабатывает всего один раз, сколько компонент бы не обновлялся в процессе своей жизнедеятельности. По факту вмонтирование в DOM происходит ЕДИНОЖДЫ.
Значит это идеальное место, чтобы сделать инициализационный AJAX запрос, и запросить, например, пользователей! ;)
Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
https://samuraijs.com
* Мы в соц. сетях:
https://vk.com/itkamasutra
https://instagram.com/itkamasutra
https://telegram.me/itkamasutra
* Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
https://www.instagram.com/it.kamasutra.dimych/
#class #reactjs #практика #примеры #уроки #курс
Видео 54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount канала IT-KAMASUTRA
https://www.patreon.com/itkamasutra
Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/
Много практики по reactJS, друзья, много примеров, один большой проект, приправленный теорией!
В двух словах тезисно:
1. Раз у нас есть класс, значит у нас создался объект, ответственный за конкретную отрисовку конкртной компоненты и именно с ним "общается" React
2. Компонент может получить новые пропсы, компонент может быть вмонтирован непосредственно в DOM, компонент может быть из DOM демонтирован папой Реактом, компонент может изменить локальный стейт и обновиться. И обо всём этом как-то должен узнавать объект
3. Как? Через методы жизненного цикла.
4. Нам пока интересен метод componentDidMount
5. Этот метод срабатывает всего один раз, сколько компонент бы не обновлялся в процессе своей жизнедеятельности. По факту вмонтирование в DOM происходит ЕДИНОЖДЫ.
Значит это идеальное место, чтобы сделать инициализационный AJAX запрос, и запросить, например, пользователей! ;)
Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
https://samuraijs.com
* Мы в соц. сетях:
https://vk.com/itkamasutra
https://instagram.com/itkamasutra
https://telegram.me/itkamasutra
* Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
https://www.instagram.com/it.kamasutra.dimych/
#class #reactjs #практика #примеры #уроки #курс
Видео 54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount канала IT-KAMASUTRA
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
55 - React JS практика - pagination, постраничный вывод пользователейЖизненный цикл компонента - простой разборВалидация форм с react-hook-form в React-приложениях01 - Введение / Back-end - Путь СамураяBeginner React.js Coding Interview (ft. Clément Mihailescu)53 - React JS практика - классовый компонент (extends React.Component)Жизненный цикл сущностей в Бизнес АнализеСобеседование JUNIOR FRONTEND REACT разработчикаКурс React JS Live. Урок 5: Жизненный цикл компонентов React.jsReact 06: Жизненный цикл компонентаAnother mock React interview (featuring Cassidy Williams)Создание игры-змейка через консольное React.js приложениеРецепт МЕДОВУХИ от Медоварни Традиции ПредковReact JS #12 Ссылки (Refs)Учим useContext за 10 минут - React Hooks. Вся база React Context APIReact JS фундаментальный курс от А до ЯReact 17: Хук useContextУроки React Js - Жизненный цикл компонента. Что спросят на собеседованииReact JS #11 Методы жизненного цикла (Lifecycle methods)