Курс React Базовий ➤ React з нуля

Мета уроку - знайомство з бібліотекою React та її можливостями. На уроці студенти встановлять необхідні програмні застосунки та пакет-менеджери для розробки React-додатків, а також створять свій перший React-застосунок.

Про Курс
React - це фреймворк, який використовується для розробки вебдодатків. Його використовували для розробки: Facebook, Instagram, Netflix, Dropbox, GitHub, Discord, Uber, і це лише декілька прикладів з численних проєктів. Разом із розповсюдженням даної бібліотеки зростає і попит на React-розробників різного рівня.

Цей курс надає базові знання та практичні навички, а проєкти для портфоліо дозволять застосовувати їх на практиці. На курсі розглядаються найактуальніші практики використання інструментів React та супутніх бібліотек, таких як react-router, react-redux, axios. Також ви дізнаєтеся про основні концепції React, включаючи компоненти, стан, властивості, події та життєвий цикл компонентів.

Курс складається з 10 уроків, пройшовши які студент навчиться розробляти функціональні компоненти, користуватись хуками, налаштовувати маршрутизацію та керувати сховищем застосунку. Окрім базового функціонала React, розглядаються супутні технології, які можуть знадобитись Front-End розробнику.

Під час проходження курсу студент ознайомиться з особливостями побудови React-застосунків, навчиться використовувати актуальні технології бібліотеки та на базовому рівні володітиме сторонніми технологіями, які необхідні веброзробнику (сховище Redux, робота з API, маршрутизація застосунків React-Router).

Курс спроєктований таким чином, щоб по його закінченню студент володів необхідною базою для розробки власних React-застосунків та знав тонкощі бібліотеки, які можуть знадобитися при проходженні тестових завдань на співбесідах та технічних інтерв'ю. На сьогодні знання даної бібліотеки є обовʼязковою умовою при працевлаштуванні в IT-компанію на посаду Front-end розробника.

По закінченню курсу студент має два проєкти, які можна використовувати у власному портфоліо.

Попередні Вимоги
- Знання мови розмітки HTML.
- Базове володіння каскадною таблицею стилів CSS.
- Базові знання мови програмування JavaScript

Ви Навчитеся
- Розуміти призначення та філософію бібліотеки React.
- Працювати з пакетом npm.
- Будувати власні React-застосунки.
- Користуватися перевагами бібліотеки у власній розробці.
- Володіти синтаксисом JSX повною мірою.
- Вміти стилізувати компоненти як за допомогою inline-стилів, так і з використанням ізольованих css файлів.
- Вміти працювати з чистими реакт-елементами без JSX.
- Володіти актуальними технологіями у використанні станів та пропсів у функціональних компонентах.
- Керувати компонентами за допомогою хуку useEffect.
- Синхронізувати React-застосунки з localstorage.
- Обробляти мережеві API запити методом пакета axios.
- Налаштовувати маршрутизацію вебдодатку за допомогою бібліотеки react-router останньої версії.
- Створювати власний застосунок для списку нотатків (task list).
- Створювати власний застосунок для визначення погоди з використанням реального API.
- Створювати модальні вікна користуючись виключно інструментами React.
- Вміти розробляти компоненти, які можна використовувати у різних проєктах.
- Підтримувати фронтент-частину існуючих вебдодатків, написаних на React.