Вопрос: Как создать простой React компонент, который отслеживает Page Visibility State?

Подробнее о курсе «ReactJS с Нуля до Профи. Полное руководство для современной веб-разработки»: https://webformyself.com/reactjs/.
В данном уроке мы создадим класс компонент и используем его как корневой компонент приложения. Вы узнаете, что такое State в React компоненте и как им пользоваться.

#ityoutubersru #YauhenK #webdev #React #Redux #ReactRouter.
Всем привет!
Добро пожаловать в курс посвящённый «React».
В данном видео-курсе мы с вами рассмотрим базовые понятия библиотеки ReactJS, актуальной на текущий момент версии 16.4. Научимся создавать свои компоненты и элементарные приложения. Разберёмся, как подключается и как работает React Router и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как Redux. И разберём как он взаимодействует с React, создав приложение список задач..
✒ Репозиторий курса:
✔ GitHub: https://github.com/YauhenKavalchuk/react-js-tutorial.
✒ Полезные курсы на канале:
✔ ES6: https://www.youtube.com/playlist?list=PLNkWIWHIRwMGLJXugVvdK7i8UagGQNaXD.
✒ Используемые ресурсы и инструменты:
✔ Atom (Редактор кода): https://atom.io/.
✔ Create React App (рабочее окружение): https://github.com/facebook/create-react-app.
✔ React Developer Tools (расширение для браузера): https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ru.
✔ Redux Devtools (расширение для браузера): https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ru.
✔ Redux Devtools (репозиторий): https://github.com/zalmoxisus/redux-devtools-extension.
✔ Fake online REST API (моковый API): https://jsonplaceholder.typicode.com/.
✔ Hacker News (ресурс): https://hn.algolia.com/?query=&sort=byPopularity&prefix&page=0&dateRange=all&type=story.
✔ Hacker News (описание API): https://hn.algolia.com/api.
✔ Redux-LocalStorage-Simple (репозиторий): https://www.npmjs.com/package/redux-localstorage-simple.
✒ Полезные ссылки:
✔ React (документация): https://reactjs.org/docs/getting-started.html.
✔ Redux (документация): https://redux.js.org/.
✔ React Animations (документация): https://reactcommunity.org/react-transition-group/.
✔ Redux (документация): https://redux.js.org/.
✔ React lifecycle methods +16.3 (ресурс со ссылками): http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/.
✔ React lifecycle methods less 16.3 (картинка): https://webjustify.com/wp-content/uploads/2018/04/component-lifecycle.png.
✔ React Transition Group (документация): https://reactcommunity.org/react-transition-group/.
✔ React Router (репозиторий): https://github.com/ReactTraining/react-router.
✒ Автор курса:
✔ YouTube канал: https://www.youtube.com/YauhenKavalchuk.
✔ Страница в VK: https://vk.com/YauhenKavalchuk.
✔ Twitter: https://twitter.com/YauhenKavalchuk.
✔ Instagram: https://www.instagram.com/YauhenKavalchuk.
✔ Группа в VK: http://vk.com/webdevcom.
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk.
✒ Доска где вы можете посмотреть все темы для будущих уроков, прогресс по ним, проголосовать за понравившуюся, оставить комментарий о том что бы вы хотели увидеть в теме, или предложить идею для следующего курса..
✔ Trello: https://trello.com/b/R6rD7qq8.
✒ ПОДДЕРЖАТЬ развитие канала:
✔ Стать СПОНСОРОМ (Бонусы): https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join.
✔ Донаты (Donationalerts): https://www.donationalerts.com/r/YauhenKavalchuk.
✔ Qiwi копилка: https://qiwi.me/web-dev

Мы продолжаем курс уроков по React js для начинающих и в этом видео мы рассмотрим важнейшую тему, так как react использует компонентный подход мы научимся создавать компоненты и работать с ними создавая новые файлы и использовать компоненты. Многие начинающие не умеют работать с компонентами react js, а все на самом деле очень просто используя функции и классы javascript. Также рассмотрим Props концепцию react js. Мы по практикуемся создавать компоненты разными способами..
Курс «Python для веб-разработки» от SkillFactory: https://clc.to/tiIJTQ

Хочешь изучить React? Зацени полный курс по React на сайте: https://codedojo.ru/video-courses/react-basics.
Код на GitHub: https://github.com/codedojo/react-intro.
—
Следи за новостями проекта в группе ВКонтакте: https://vk.com/codedojo.
Следи за готовностью курсов, делись идеями и голосуй за новые курсы в Trello: https://trello.com/b/HIKnMb1X

Курс React: https://itgid.info/react.
Этот урок: https://itgid.info/react-unit?unit=react-props.
JS2: https://js2.itgid.info/pay.
VK: https://vk.com/webdev_zero.
Курс практический JavaScript: https://js.itgid.info.
JSRules: https://t.me/jsrules

Мы продолжаем курс уроков по React js для начинающих и в этом видео мы рассмотрим состояние компонента. State отвечает за состояние компонента, его можно определять, можно в последствии и изменять с помощью метода setState, все это на примерах я покажу и на практике расскажу..
Курс «Python для веб-разработки» от SkillFactory: https://clc.to/tiIJTQ

Мы продолжаем уроки React js для начинающих. В этом видео я расскажу как передаются данные между компонентами в React js..
Курс «Python для веб-разработки» от SkillFactory: https://clc.to/tiIJTQ