у цьому курсі ми з вами крок за кроком пройдемо від знайомства з основними ідеями до використання найновіших інструментів та інфраструктури React, на практиці будемо розвивати односторінковий додаток. Почнемо з побудови простих компонентів, навчимося їх тестувати, поговоримо про системи збірки і особливості роботи з сучасним синтаксисом.
Поступово ми розберемо особливості побудови SPA з використанням React, будемо використовувати сторонні компоненти і бібліотеки для створення бізнес-логіки. Ви в деталях дізнаєтеся класичну для React-додатків архітектуру: Unidirectional dataflow, і навчитеся будувати її з використанням сучасної і найбільш популярною реалізацією – Redux.js.
Курс складається з 4-х блоків:
програма курсу
БЛОК 1
знайомство з React та його екосистемою.
У цьому блоці ми почнемо з того, на чому зупинилися в скрінкаст по Реакт. Навчимося писати прості компоненти і дізнаємося, в чому принципова відмінність React.js від інших популярних фреймворків. Створимо перші компоненти, використовуючи декларативний підхід, познайомимося з екосистемою, навчимося використовувати сторонні компоненти і працювати з формами.
Побудова додатків з React: Redux.js
Коли додатки стають складніше і в них з'являється інтерактивність, доводиться замислюватися про організацію бізнес-логіки, налаштовувати потоки даних і взаємодія з сервером. У процесі побудови простого новинного Додатки ми детально розберемо найпопулярнішу бібліотеку для одностороннього потоку даних, дізнаємося її особливості і навчимося використовувати дев-тулзи.
React для SPA: react-router і просунуті API Реакта
Розробка single-page applications-одне з основних напрямків фронтенда. Ми розберемо, як будувати їх за допомогою React. Навчимося використовувати react-router і просунуті елементи API React.JS.
куди розвиватися далі
На цей момент ви вже знаєте все, що необхідно, для розробки React додатків. Але на цьому рано зупинятися, навколо Реакта виросла величезна екосистема. Ми оглядово пройдемося по основних можливостях для розвитку, різних платформ, бібліотек і допоміжних інструментів. + Буде можливість розібрати цікавлять саме вас питання.
продажник:
Поступово ми розберемо особливості побудови SPA з використанням React, будемо використовувати сторонні компоненти і бібліотеки для створення бізнес-логіки. Ви в деталях дізнаєтеся класичну для React-додатків архітектуру: Unidirectional dataflow, і навчитеся будувати її з використанням сучасної і найбільш популярною реалізацією – Redux.js.
Курс складається з 4-х блоків:
- знайомство з React, і його екосистемою.
- побудова додатків з React: Redux.js.
- React для SPA: react-router і просунуті API Реакта.
- куди розвиватися далі.
програма курсу
БЛОК 1
знайомство з React та його екосистемою.
У цьому блоці ми почнемо з того, на чому зупинилися в скрінкаст по Реакт. Навчимося писати прості компоненти і дізнаємося, в чому принципова відмінність React.js від інших популярних фреймворків. Створимо перші компоненти, використовуючи декларативний підхід, познайомимося з екосистемою, навчимося використовувати сторонні компоненти і працювати з формами.
- розбираємо як працює create-react-app.
- глибше знайомимося з Реактом, Virtual DOM, JSX.
- розбираємо React Hooks, їх відмінності від стейта і lifecycle методів.
- розберемо приклади тестування компонент за допомогою Jest і Enzyme.
- підключаємо стилі з css modules.
- Вчимося перевикористовувати код за допомогою успадкування, декораторів і кастомних хуків.
- Зв'язок з DOM: keys & refs.
- підключаємо сторонні компоненти.
Побудова додатків з React: Redux.js
Коли додатки стають складніше і в них з'являється інтерактивність, доводиться замислюватися про організацію бізнес-логіки, налаштовувати потоки даних і взаємодія з сервером. У процесі побудови простого новинного Додатки ми детально розберемо найпопулярнішу бібліотеку для одностороннього потоку даних, дізнаємося її особливості і навчимося використовувати дев-тулзи.
- особливості Redux.js: функціональний підхід, Redux dev tools.
- Store як іммутабельний об'єкт: Redux + Immutable.js.
- налаштовуємо Синхронний потік з Redux, перевикористовуємо створені раніше компоненти.
- React-redux для зв'язку компонентів з логікою.
- Мемоізірованние селектори reselect.
- Side-effects у Redux: створення та використання Middlewares.
- отримання даних від сервера.
- асинхронні дії з redux-thunk
React для SPA: react-router і просунуті API Реакта
Розробка single-page applications-одне з основних напрямків фронтенда. Ми розберемо, як будувати їх за допомогою React. Навчимося використовувати react-router і просунуті елементи API React.JS.
- навіщо потрібен роутінг і як він влаштований, проектуємо структуру програми.
- розбираємо react-router v5.
- налаштовуємо вкладені роути.
- вибираємо і наполягаємо history для нашого застосування.
- Об'єднуємо react-router і Redux.
- Вчимося обробляти серверні помилки і декларативно управляти роутером.
- використовуємо context – ще один механізм передачі даних.
- огляд Advanced API react-router.
- використовуємо props.children для композиції компонентів.
- анімації в React, CSSTransitionGroup.
куди розвиватися далі
На цей момент ви вже знаєте все, що необхідно, для розробки React додатків. Але на цьому рано зупинятися, навколо Реакта виросла величезна екосистема. Ми оглядово пройдемося по основних можливостях для розвитку, різних платформ, бібліотек і допоміжних інструментів. + Буде можливість розібрати цікавлять саме вас питання.
- Робота з формами: redux-form, final-form, formik.
- Що чекати від React 17.
- React Native і React VR.
- GraphQL + Relay/Apollo.
- MobX vs Redux.
- різні підходи до сайд-ефектів: redux-thunk, redux-loop, redux-saga, redux-observable.
продажник:
https://privatelink.de/?https://learn.javascript.ru/courses/react