Дорожная карта обучения React — издание 2018 г.

React.js Redux
Дорожная карта обучения React — издание 2018 г.
Карта разума этого маршрута обучения React взята изАдам Голомбизreact-developer-roadmap. На момент публикации этой статьи на оригинальном складе уже была китайская версия, и вы можете проверить ее. Список агрегированных классов для дорожной карты, поэтому переводы не будут сильно отличаться.

Дорожная карта обучения

связанные ресурсы

  1. Основание
    1. HTML
      1. Изучите основы HTML
      2. Изучите основы HTML
    2. CSS
      1. Изучаем базовый CSS
      2. Добавьте стили на страницу на основе упражнения на предыдущем шаге.
      3. Макет страниц с сеткой и флексбоксом
    3. Основы JS
      1. знаком с синтаксисом
      2. Изучите основы манипулирования DOM
      3. Изучите классическую механику в JS (подъем, всплытие событий, прототипы)
      4. Сделайте несколько запросов AJAX (XHR)
      5. Изучите новые функции (ES 6+)
      6. Также ознакомьтесь с библиотекой jQuery.
  2. Развивать общие навыки
    1. Изучите GIT, создайте несколько репозиториев на GitHub и поделитесь своим кодом с другими.
    2. Понимание протокола HTTP(S), методов запроса (GET, POST, PUT, PATCH, DELETE, OPTIONS).
    3. Не бойся использовать GoogleМощный поиск Google
    4. Знакомство с терминалом, настройка оболочки (bash, zsh, fish)
    5. Прочтите несколько книг по структурам данных и алгоритмам
    6. прочитать какую-нибудь книгу по шаблонам проектирования
  3. существуетОфициальный сайтУзнайте, как реагировать на , или посмотрите некоторыеруководство
  4. Ознакомьтесь с некоторыми инструментами, которые вы будете использовать
    1. инструмент управления пакетами
      1. npm
      2. yarn
      3. pnpm
    2. инструмент выполнения задач
      1. npm scripts
      2. gulp
    3. инструменты для сборки
      1. Webpack
      2. Rollup
      3. Parcel
  5. стиль
    1. Предварительная обработка CSS
      1. Sass/SCSS
      2. PostCSS
      3. Less
      4. Stylus
    2. CSS-фреймворк
      1. Bootstrap
      2. Materialize,Material UI,Material Design Lite
      3. Bulma
      4. Semantic UI
    3. CSS-архитектура
      1. BEM
      2. CSS Modules
      3. Atomic
      4. OOCSS
      5. SMACSS
      6. SUITCSS
    4. CSS in JS
      1. Styled Components
      2. Radium
      3. Emotion
      4. JSS
      5. Aphrodite
  6. государственное управление
    1. Component State/Context API
    2. Redux
      1. Асинхронные действия (побочные эффекты)
        1. Redux Thunk
        2. Redux Better Promise
        3. Redux Saga
        4. Redux Observable
      2. сохранение данных
        1. Redux Persist
        2. Redux Phoenix
      3. Redux Form
    3. MobX
  7. проверка типов
    1. PropTypes
    2. TypeScript
    3. Flow
  8. форма
    1. Redux Form
    2. Formik
    3. Formsy
    4. Final Form
  9. маршрутизация
    1. React-Router
    2. Router5
    3. Redux-First Router
    4. Reach Router
  10. клиент API
    1. REST
      1. Fetch
      2. SuperAgent
      3. axios
    2. GraphQL
      1. Apollo
      2. Relay
      3. urql
  11. Библиотека инструментов
    1. Lodash
    2. Moment
    3. classnames
    4. Numeral
    5. RxJS
    6. Ramda
  12. тестовое задание
    1. модульный тест
      1. Jest
      2. Enzyme
      3. Sinon
      4. Mocha
      5. Chai
      6. AVA
      7. Tape
    2. сквозное тестирование
      1. Selenium, Webdriver
      2. Cypress
      3. Puppeteer
      4. Cucumber.js
    3. Интеграционное тестирование
      1. Karma
  13. глобализация
    1. React Intl
    2. React i18next
  14. рендеринг на стороне сервера
    1. Next.js
    2. After.js
  15. генератор статических сайтов
    1. Gatsby
  16. Платформа внутренней интеграции
    1. React on Rails
  17. мобильный
    1. React Native
    2. Cordova/Phonegap
  18. рабочий стол
    1. Proton Native
    2. Electron
    3. React Native Windows
  19. Виртуальная реальность
    1. React 360

Адрес склада:

SangKa/react-roadmap
Категории