Skip to content

Latest commit

 

History

History
184 lines (164 loc) · 11.5 KB

README-RU.md

File metadata and controls

184 lines (164 loc) · 11.5 KB

План становления React-разработчиком

README in Chinese

README in English

README in Japanese

README in Portuguese (Brazil)

README in Spanish

План, чтобы стать React-разработчиком в 2019 году:

Ниже вы можете найти схему, показывающую пути, которые могут привести, а также библиотеки, которые вам нужно изучить, чтобы стать разработчиком React. Я сделал эту схему в качестве подсказки для всех, кто спрашивает меня: «Что мне стоит изучить ещё в качестве React-разработчика?»

Предупреждение

Цель этого плана — дать вам общее представление о том, как стать React-разработчиком. Этот план поможет вам, если вы запутались, что изучать дальше, вместо того, чтобы поощрять вас выбирать что-то модное и популярное. Вам стоит постепенно понимать, почему один инструмент лучше подходит для определённых ситуаций, чем другой, и не забывать, что модный и популярный инструмент не всегда означает, что он лучше всего подходит для работы.

План изучения

План изучения

Ресурсы

  1. Основы
    1. HTML
      • Изучить основы HTML
      • Сделать несколько страниц в качестве упражнения
    2. CSS
      • Изучить основы CSS
      • Стилизовать страницы, созданные в предыдущем шаге
      • Создать страницу с использованием сеток и флексбокса
    3. Основы JS
      • Познакомиться с синтаксисом
      • Изучить основные операции на DOM
      • Изучить механизмы, специфичные для JS (Поднятие, всплытие событий, прототипное наследование)
      • Выполнить некоторые AJAX-вызовы (XHR)
      • Изучить новые возможности (ECMAScript 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. Изучить официальный сайт React, пройти курсы или прочитать книги
  4. Познакомиться с инструментами, которые вы будете использовать
    1. Менеджеры пакетов
    2. Выполнение задач
  5. Стилизация
    1. CSS-препроцессоры
    2. CSS-фреймворки
    3. Архитектура CSS
    4. CSS в JS
  6. Управление состоянием
    1. Состояние компонента/Context API
    2. Redux
      1. Асинхронные действия (побочные эффекты)
      2. Библиотеки-помощники
      3. Постоянное хранение данных
      4. Redux Form
    3. MobX
  7. Проверка типов
  8. Вспомогательные библиотеки для форм
  9. Маршрутизация
  10. API-клиенты
    1. REST
    2. GraphQL
  11. Утилитарные библиотеки
  12. Тестирование
    1. Модульное тестирование
    2. Сквозное (end-to-end) тестирование
    3. Интеграционное тестирование
  13. Локализация
  14. Отрисовка на стороне сервера
  15. Генератор статических сайтов
  16. Интеграция с бэкенд-фреймворками
  17. Разработка мобильных приложений
  18. Разработка десктопных приложений
  19. Виртуальная реальность

Резюме

Если вы считаете, что план может быть улучшен, пожалуйста, создайте пулреквест с любыми обновлениями и отправляйте любые ишью, если есть вопросы и предложения. Кроме того, я продолжу улучшать его, так что, возможно, стоит отслеживать изменения, происходящие в этом репозитории, либо заглянуть в него спустя некоторое время.

Участие в проекте

План создан с помощью онлайн-инструмента Draw.io. Файл проекта можно найти в каталоге /src. Чтобы изменить его, откройте draw.io, нажмите Open Existing Diagram и выберите файл xml с проектом. Он откроет схему, обновите её, загрузите и обновите изображения в readme и создайте PR (экспортируйте как png).

  • Открыть пулреквест с улучшениями
  • Обсуждайте новые идеи в ишью
  • Расскажите об этом другим

Лицензия

License: CC BY-NC-SA 4.0