React Developer и путь его развития в 2019 году

Направление "React Developer" в прошлом году достигло пика популярности и не намерено снижать темпы. Так давайте же рассмотрим путь React-развития.


Самыми популярными JS-фреймворками на сегодняшний день являются React, Angular и Vue. По данным, собранным сайтом StackOverflow, React выбирают 67%, а Angular – 42% пользователей. У каждого продукта есть слабые и сильные стороны, но React – действительно более правильный выбор:

  • имеет низкий порог вхождения;
  • простой переход с другого фреймворка;
  • элементарное обновление, обратная совместимость и переход на другую версию (в Angular, например, "напрямую" не получится перейти с 2.0 на 3.0);
  • идеальный выбор для крупных проектов.

React – JavaScript-библиотека, используемая в Facebook и Instagram. Эти два гиганта активно участвуют в улучшении библиотеки, поэтому интерес к ней еще долго не угаснет. Высокая производительность продуктов, написанных на React, достигается с использованием Virtual DOM, удобство использования гарантируется изоморфностью, ну и про повторное использование кода в различных проектах не стоит забывать.

React Developer начинает движение

React Developer и путь его развития в 2019 году

Отправные точки в развитии

А теперь подробнее разберем ключевые элементы схемы, и что необходимо изучить на каждом из этапов.

I. Основы

  1. HTML
  • изучить основы HTML;
  • сделать несколько страниц в качестве упражнения.
  1. CSS
  • создать страницу с использованием сеток и флексбокса;
  • стилизовать страницы.
  1. Основы JS
  • познакомиться с синтаксисом;
  • изучить основные DOM-операции;
  • изучить JS-механизмы (Hoisting, Event Bubbling, Prototyping);
  • потренировать AJAX-вызовы (XHR);
  • изучить новые возможности ECMAScript 6+;
  • вспомнить / познакомиться с jQuery.

II. Общие навыки для разработки

  • создать несколько репозиториев, расшарить свой код;
  • изучить HTTP(S) и методы (GET, POST, PUT, PATCH, DELETE, OPTIONS);
  • научиться пользоваться поиском Google;
  • поюзать терминал и изучить оболочку (bash, zsh, fish);
  • почитать про алгоритмы, структуры данных и паттерны проектирования;

III. Изучить официальный сайт React

IV. Стиль

  1. Архитектура CSS
  1. CSS-фреймворки
  1. CSS-препроцессоры
  1. CSS в JS

V. Познакомиться с популярными инструментами разработки для React Developer

  1. Выполнение задач
  1. Менеджеры пакетов

VI. Управление состоянием

  1. Состояние компонента / Context API
  2. Redux
  1. Асинхронность
  1. Библиотеки-помощники
  1. Хранение данных
  1. MobX

VII. Маршрутизация

VIII. Типизация

IX. Наборы полезных функций

X. Формы

XI. Интернационализация

XII. API-клиенты

XIII. Разработка десктопных приложений

XIV. Разработка мобильных приложений

XV. Серверная часть

XVI. Тестирование

  1. Модульное тестирование
  1. End-to-end тестирование

XVII. Виртуальная реальность

  1. React 360

XVIII. Бэкенд-фреймворки

  1. React on Rails

XIX. Генераторы

  1. Gatsby для React Developer

Источник

Другие материалы по теме:

МЕРОПРИЯТИЯ

Комментарии

ВАКАНСИИ

Добавить вакансию
Тестировщик игр
Томск, от 40000 RUB до 55000 RUB
Junior Data scientist
Москва, по итогам собеседования
Project Manager
Москва, от 150000 RUB до 200000 RUB

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ