Мета інтенсиву-навчитися ефективно використовувати екосистему React. У сучасному світі є безліч досить непростих завдань, які повторюються з у багатьох проектах. Ми розберемо, як вирішувати їх швидко, не винаходячи власних велосипедів. Наприклад, навчимося використовувати redux-saga, тестувати додатки. Познайомимося з GraphQL (Apollo) і побудовою універсальних (SSR) додатків. А також розберемо React Native і альтернативний підхід до управління станом-MobX.
Курс складається з 4-х блоків:
БЛОК 1
розширений Redux:
У сучасному світі існує досить велика кількість підходів до побудови архітектури Redux. Деякі з них дуже потужні, але досить складні, тому в цьому блоці ми вивчимо їх детально.
- Formik.
- Авторизація в React додатках (backend в Firebase, можна будь-який інший).
- різні підходи до композиції редюсерів, плюси і мінуси.
- Redux Ducks.
- варіанти роботи з сайд-ефектами: redux-thunk, redux-promise, redux-loop, redux-saga.
- Робота з сагами, їх тестування.
екосистема React:
- тестування react-компонент.
- Drag-N-Drop з react-DND.
Фреймворки для React:
- GraphQL, як мова запитів, особливе значення та реалізація.
- Apollo, клієнт для GraphQL.
- побудова універсальних додатків, NextJS
React Native:
- налаштування середовища React Native.
- розбір основних принципів і відмінностей від роботи в браузері.
- базові компоненти React Native.
- стилі для React Native, Flexbox.
- навігація з React Navigation.
MobX:
- основи MobX.
- побудова архітектури додатка.
- Робота з даними.
- підводні камені.
- Робота з мережею.
- приклад real-time У MobX та Redux-Saga.
У цьому курсі ми будемо будувати мобільний додаток на React Native і адмінку для нього, використовуючи хмарну real-time базу даних Firebase. Почнемо з веб-інтерфейсу адмінки, навчимося працювати з авторизацією, будемо використовувати популярні UI бібліотеки (react-DND), розберемо redux-Saga. Потім побудуємо просте мобільний додаток на React Native, для якого будемо використовувати MobX.
попередні вимоги
- знання JavaScript, включаючи ООП і патерни, знайомство з CSS/HTML.
- знання основ React та екосистеми: redux, immutable, react-router@4/5, reselect, connected-react-router. Якщо ви пройшли наш основний курс React, то цього достатньо.
- Інтернет 256kb/s або швидше для відео.
https://privatelink.de/?https://learn.javascript.ru/courses/advreact