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

5
11214
Добавить в избранное

Направление «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

Источник

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

Ищете с чего начать?

Подпишитесь на нашу рассылку, чтобы получать больше интересных материалов:

И не беспокойтесь, мы тоже не любим спам. Отписаться можно в любое время.




Комментариев: 5

  1. Boris Shatalov

    Но ведь это просто урезанная версия статьи с хабра
    И просто 2018 изменено на 2019

    1. Отлично. А вас не смущает «Источник»? 🙂 На хабре он тоже указан, между прочим. И да, свежий материал там именно за 2019 год. Будьте внимательнее, пожалуйста.

  2. Савва Ильин

    круто

  3. офигенный гайд) спасибо, а нет такого же только по C#?

    1. Пока что нет. Но мы подумаем о его создании) Спасибо за фидбек 🙂

Добавить комментарий