React JS #16 Работа с реальным API (React: work with API. Part I)

#YauhenK #webDev #React #Redux #ReactRouter

Всех приветствую в курсе «React JS».
В данном видео-курсе мы с вами рассмотрим базовые понятия библиотеки React JS. Научимся создавать свои компоненты приложения. Разберёмся, как подключается и как работает React Router и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как Redux.
Дополнительные темы, которые мы рассмотрим:
- Валидация пропсов с помощью библиотеки PropTypes
- Работа с реальным API
- Создание роутинга одностраничного приложения с помощью React Router
- Работа с менеджером состояний Redux

✒ Репозиторий курса:
✔ GitHub: https://github.com/YauhenKavalchuk/react-js

✒ Полезные курсы на канале:
✔ 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 анимации (документация): 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

✒ Полный список готовых и планируемых курсов:
✔ Trello: https://trello.com/b/R6rD7qq8

✒ Автор курса:
✔ YouTube: https://www.youtube.com/YauhenKavalchuk
✔ Instagram: https://www.instagram.com/YauhenKavalchuk
✔ Twitter: https://twitter.com/YauhenKavalchuk
✔ VK: https://vk.com/YauhenKavalchuk
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: https://github.com/YauhenKavalchuk
✔ VK (Группа): http://vk.com/webdevcom

✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md