Курс React JS

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

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

Вступ

• Огляд структури курсу та роботи над ним
• Огляд інструментів які будуть використовуватись протягом курсу(Git, Github, Git flow, IDE, Chrome dev tools, NPM, Node.js)
• Як працює веб
• Огляд підходів до створення веб додатків(SPA, MPA, PWA). Розвиток даних підходів
• Що ж таке Framework
• Чому саме React

Повторення основ JavaScript

• Огляд мови в цілому
• Об’єкти
• Масиви
• Функції
• Асинхронний JS
• Нові стандарти ES6+
• Рекомендації по написанні якісного коду

DOM & BOM

• Події
• Навігація по елементах
• Доступні сховища даних у браузері та як працювати із ними
• Огляд інших браузерних API’s

React вступ

• Що таке React
• Як додати реакт на сторінку
• Переваги та недоліки
• VirtualDOM
• Як правильно розділяти додаток на компоненти
• React інструменти – create-react-app, відлагодження коду, розширення для браузера

JSX та рендеринг

• JSX огляд
• Рендеринг елементів
• Обробка подій у JSX
• Списки та робота із ними
• Умовний рендеринг
• Ref
• Фрагменти
• Рендеринг властивостей (Render prop)

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

• Statefull та stateless компоненти
• Потік даних та обмін ними у компонентах
• PropTypes
• Антипатерни для стану та властивостей

Життєвий цикл компонентів

Форми та робота із ними

• Валідація форм
• Огляд існуючих пакетів для роботи із формами

React роутинг

• History API
• React router

Управління станом додатка (Redux)

• Варіанти управління станом додатка
• Redux плюси та мінуси
• Flux архітектура
• Redux архітектура
• Побічні ефекти: міделвари (redux-thunk, redux-saga, redux-router etc)
• Структурування Redux у структурі проєкту
• Redux інструменти

Hooks API

• Огляд хуків які доступну у React
• Основи створення власних хуків та можливі варіанти їх застосування
• Кращі практики
• Антипатерни

Взаємодія із сервером даних через API

• Fetch API
• Пакети для надсилання реквестів
• Аутентифікація та ауторизація

Стилі у React

• Огляд інструментів для написання стилів
• Анімація у React

Фінальне заняття

• Тестування у React – огляд інструментів, загальні рекомендації
• React Native і React VR
• Куди рухатись далі

Вимоги для проходження курсу

• Знання HTML/CSS
• Знання JS на базовому рівні
• Знання DOM
• Буде плюсом знання GIT на базовому рівні

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

• Дипломний проєкт
• Двом найкращим студентам компанія компенсує вартість навчання
• Вебінар від Sr. Recruiter в Sigma Software: "Interview Easy or Hard"

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

Ярослав Сидорик - Software Developer (JavaScript) та ментор в Sigma Software