Курс React

На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи.

Програма курсу

Вступ до React

На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.

JSX у React

На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.

Основи React

На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.

Стан та життєвий цикл

На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.

Форми

На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.

Стилізація у React

На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.

Створення списку заміток

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

Hooks

На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.

Введення в роутинг

На уроці учні познайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.

Створення сторінки помилки

На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.

Створення модального вікна

На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.

Оптимізація та продуктивність React додатків

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

Практика

По завершенню курсу ви будете вміти:

• Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
• Писати та розбивати додатки на логічні частини і компоненти
• Стилізувати додатки за допомогою CSS модулів
• Будувати прості односторінкові додатки за допомогою React

Особливості курсу

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

Викладачі курсу

• Богдан Мартиненко - Frontend Developer
• Тарас Заславський - Frontend Developer
• Владислав Бєлік - React Frontend Developer
• Ростислав Сілівейстр - Web Frontend Developer
• Олексій Татаренков - Frontend Developer
• Олексій Кучеренко - Тренер-консультант напрямку Frontend