15
Курсов
250+
Отзывов
20
Обзоров
Професии

Кто такой React-разработчик?

React-разработчик — это программист, который отвечает за внешний вид сайта или приложения и делает так, чтобы все интерактивные элементы работали, как задумано дизайнерами. React-разработчики используют знания в JavaScript, CSS, HTML.

Что делают React-разработчики и чем занимаются?

Обязанности на примере одной из вакансий:

Что должен знать и уметь React-разработчик? 

Требования к React-разработчикам:

Востребованность и зарплаты React-разработчиков

На сайте поиска работы в данный момент открыта 6 951 вакансия, с каждым месяцем спрос на React-разработчиков растет.

Количество вакансий с указанной зарплатой React-разработчика по всей России:

Вакансий с указанным уровнем дохода по Москве:

Вакансий с указанным уровнем дохода по Санкт-Петербургу:

Как стать React-разработчиком и где учиться?

Варианты обучения для React-разработчика с нуля:

Ниже сделали обзор 15+ лучших онлайн-курсов.

15+ лучших курсов для обучения React-разработчика: подробный обзор

1 место. Курс «React.js Developer» — OTUS

https://otus.ru/lessons/react/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 67 000 ₽

На курсе вы научитесь:

Также вы узнаете, как работает под капотом Webpack и Babel, освоите паттерны функционального программирования и научитесь их применять в React.

Для кого этот курс:

Программа обучения

В процессе обучения вы получите комплексные знания и навыки.

Модуль 1 — Preface

Модуль 2 — React

Модуль 3 — React + Redux

Модуль 4 — Процесс разработки приложения, HTTP, WebSockets, GraphQL

Модуль 4 — Процесс разработки приложения, HTTP, WebSockets, GraphQL

Выпускной проект

В течении всего курса вы будете работать над проектом.

Будет предложено несколько вариантов на выбор:

  1. Разработка проекта, связанного с браузерной визуализацией. Аналог «conway’s game of life».
  2. Контроль расходов:

— регистрация чеков, сумм и дат;
— список чеков и квитанций;
— возможность строить графики со статистикой (в этом году/в прошлом году);
— хранение данных.

Выпускной работой студента станет доведение приложения, разрабатываемого на протяжении всего курса, до готовности к production.

После обучения вы:

2 место. Курс «JavaScript-фреймворк React.js» — Skillbox

https://skillbox.ru/course/react-js/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: Рассрочка на 6 месяцев — 4 662 ₽ / мес

Кому подойдёт этот курс:

Чему вы научитесь:

  1. Создавать приложения с нуля
    Конфигурировать их с помощью Webpack или использовать готовые решения.
  2. Работать с публичными API
    Узнаете о механизмах OAuth и имплементациях в React.
  3. Познакомитесь с Flux, Redux, Mobx
    Узнаете подробности о состоянии приложения и работе с ним.
  4. Профилировать свое приложение
    Искать слабые места и оптимизировать их.
  5. Тестировать свое приложение
    Познакомитесь с библиотеками Jest и Enzyme.
  6. Создавать SPA и RIA приложения с нуля
    Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

Программа

Вас ждут 3 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.
16 тематических модулей, 76 онлайн-уроков.

  1. Введение в React
  1. Создание проекта
  1. Typescript
  1. Компоненты на примере новостной карточки Reddit
  1. Hooks и функциональное программирование
  1. Компоненты — продвинутые темы. Введение в тестирование компонентов
  1. Работа с публичным API на примере Reddit
  1. React Context
  1. Портал и форма
  1. Введение в Redux на примере поля для ввода комментария
  1. Использование Redux-Thunk на примере загрузки профиля пользователя
  1. Формы на примере комментариев и карточки поста
  1. «Бесконечные» списки на примере ленты постов
  1. Сайдбар + роутинг
  1. SSR + NextJS
  1. Бонусный модуль: Mobx.

3 место.Курс «React: библиотека фронтенд-разработки №1» — Нетология

https://netology.ru/programs/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 14 700 ₽ или рассрочка на 12 месяцев — 1 225 ₽/мес

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

Программа курса

  1. Компоненты
    Библиотека React предоставляет нам возможность эффективной разработки современных фронтенд-приложений. В этом разделе мы ознакомимся с компонентным подходом, позволяющим создавать сложные интерфейсы на основе композиции простых блоков, научимся обрабатывать события и работать с внутренним состоянием компонентов, а также приобретём опыт работы с формами.
  2. Продвинутые техники, одностраничные приложения
    В этом блоке мы научимся организовывать сложные интерфейсы, используя композицию компонентов, интегрируемся с REST API, глубже изучим работу на основе современных подходов — хуков и Context API, а также научимся организовывать постраничную навигацию с помощью React Router.
  3. Redux — управление состоянием
    В этом разделе мы познакомимся с одним из ключевых навыков в разработке сложных приложений — управлением глобальным состоянием приложения. Мы начнём с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а закончим продвинутыми инструментами: Redux Observable и Redux Saga.
  4. GIT — система контроля версий

в подарок

За 3 занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио (работодатели часто просят показать примеры вашего кода на GitHub).

  1. Дипломный проект
    В рамках дипломного проекта вы создадите и развернёте в интернете полноценный фронтенд для интернет-магазина: с поиском, корзиной, оформлением заказа и постраничной навигацией.

Вашу квалификацию подтвердят документы установленного образца.

Курс «React.js Разработка веб-приложений» — LOFT

https://loftschool.com/course/react/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 24 000 ₽ или рассрочка на 12 месяцев — от 2 000 ₽ / мес

Программа обучения:

Неделя 1 — Введение в React.js

— Знакомимся с командой курса и одногруппниками.
— Изучаем JSX и Virtual DOM в React.
— Рассматриваем компонентный подход и способы передачи данных.

Неделя 2 — Паттерны React.js, тестирование

— Изучаем компоненты, элементы и экземпляры класса компонент.
— Рассматриваем библиотеку Recompose, паттерны high order components и Render Props.
— Разбираемся в преимуществах тестов, изучаем Jest, Enzyme, Snapshots.

Неделя 3 — Redux, роутинг

— Изучаем роутинг: Simple routing, роутинг со Switch, а также вложенный роутинг.
— Знакомимся с библиотекой Redux: основные понятия и концепции Store, Actions, Reducers, React-redux.
— Рассматривается middleware как способ работы с Sideeffect.

Неделя 4 — Redux-saga

— Изучаем библиотеку Redux-saga. Повторяем generator* functions. Учимся запускать их параллельно.
— Разбираем метод Take. Изучаем select, как способ получения данные из Store.
— Рассматриваем способы стилизации React приложения. Изучаем библиотеки ClassNames, StyledComponents, BrowserList, MaterialUI.

Неделя 5 — Формы, CI & DI & Client error handling

— Рассматриваем работу с формами с помощью библиотек Formik, Redux Forms, React Final Form.
— Рассматриваем методы обеспечения качества production кода. Разбираем такие инструменты как: Husky, TravisCI, HerokuNow.
— Изучаем набор полезных библиотек для разработки (Storybook, RamdaJS, Axios).
— Рассматриваем TypeScript.

Неделя 6 — Работа над проектом

— Доделываем приложение и отправляем на проверку.

Выпускной проект

По окончании обучения вы получите сертификат.

 LoftSchool знают и ценят работодатели, поэтому сертификат станет вашим дополнительным плюсом при трудоустройстве в IT-компанию.

Курс «React с нуля для начинающих» — beONmax

https://beonmax.com/courses/react/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: нет информации

Курс позволит освоить React от азов до создания полноценного SPA(single page application)-приложения с роутингом и продвинутым управлением состоянием.

Создадите 3 полноценных разноплановых проекта, которые можно как добавить себе в портфолио, так и сделать на базе них свои собственные уникальные проекты.

В курсе на практике создадите 3 полноценных разноплановых проекта, которые можно как добавить себе в портфолио, так и сделать на базе них свои собственные уникальные проекты.

Для кого этот курс

ПЛАН КУРСА:

Программа обучения включает видео уроки по изучению React с нуля для начинающих. Благодаря практическим заданиям и примерам, Вы сможете закрепить полученные знания по использованию React JS на практике.

  1. ВВЕДЕНИЕ
  2. REACT С JSX И БЕЗ
  3. КЛАССОВЫЕ REACT-КОМПОНЕНТЫ
  4. РАБОТА С ФОРМАМИ В REACT
  5. ПРОЕКТ «ФИЛЬМЫ»
  6. ФУНКЦИОНАЛЬНЫЕ REACT-КОМПОНЕНТЫ
  7. ХУКИ ПОДРОБНО
  8. ПРОЕКТ «ВИТРИНА»
  9. ПРОДВИНУТОЕ УПРАВЛЕНИЕ СОСТОЯНИЕМ ПРИЛОЖЕНИЯ
  10. РОУТИНГ И SPA-ПРИЛОЖЕНИЕ
  11. ПОДВЕДЕНИЕ ИТОГОВ

ЗАВЕРШЕНИЕ КУРСА — ПОЛУЧЕНИЕ СЕРТИФИКАТА.

Курс «Уроки React JS» — itProger

https://itproger.com/course/react-js

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: нет информации

В ходе курса вы:

План курса:

За курс вами будет изучена библиотека React JS, начиная от её установки и заканчивая реализацией небольшого веб проекта.

Прежде чем приступать к видео курсу вам стоит ознакомиться с языком JavaScript и Node JS, так как именно они являются основными платформами на которых построена библиотека React.

Курс «Как стать React-разработчиком» — Школа анализа данных

https://practicum.yandex.ru/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 52 020 ₽

На курсе вы за три месяца разберётесь в этом стеке технологий. Вам предстоит изучать теорию в тренажёре, написать своё приложение и по желанию работать в командах над проектными задачами. Курс подойдёт тем, кто умеет верстать и знает основы JavaScript.

Сертификат — официальный документ о дополнительном образовании. Чтобы его получить, нужно сдать проектную работу.

Программа обучения:

Бесплатное входное тестирование
Около 2 часов

Погружение в React и Redux
4 недели, 80 часов

В проектной работе:

Вы сверстаете первый экран в приложении, подключите к нему Redux-хранилище и реализуете перетаскивание ингредиентов с помощью React DnD.

Роутинг, безопасность и TypeScript
4 недели, +1 неделя каникул, 80 часов

В проектной работе:

Создадите новые страницы в приложении и настроите роутинг. Добавите регистрацию и авторизацию в приложение и защитите маршруты от неавторизованных пользователей. Перепишите код на TypeScript.

Протокол WebSocket и деплой приложения

4 недели, +1 проект в портфолио, 70 часов

В проектной работе:

Создадите ленту заказов с использованием WebSocket и перепишите всё хранилище на TypeScript. Добавите к приложению тесты на Cypress и Jest, а после загрузите проект на удалённый сервер.

Карьерный трек (опционально)

От 40 часов

Курс «React.JS Pro» — Traktor

https://traktorschool.ru/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 45 000 ₽

За 4 месяца мы проведем вас по всем этапам работы с React: от основ — до рабочего приложения, которое вы самостоятельно создадите и протестируйте

Программа курса:

Модуль 1: Введение в React

Уроки:

Чему вы научитесь:

Модуль 2: Деплой React приложений

Уроки:

Чему вы научитесь:

Модуль 3: Навигация

Уроки:

Чему вы научитесь:

Модуль 4: Формы

Уроки:

Чему вы научитесь:

Модуль 5: Общение с сервером

Уроки:

Чему вы научитесь:

Модуль 6: Работа со стейтом в Redux

Уроки:

Чему вы научитесь:

Модуль 7: Используем Redux-Toolkit

Уроки:

Чему вы научитесь:

Модуль 8: Стили

Уроки:

Чему вы научитесь:

Модуль 9: Авторизация

Уроки:

Чему вы научитесь:

Модуль 10: Безопасность

Уроки:

Чему вы научитесь:

Модуль 11: Серверный рендеринг

Уроки:

Чему вы научитесь:

Бонусный модуль: Карьера разработчика

Уроки:

Чему вы научитесь:

Курс «React в веб-разработке» — skill-branch

https://skill-branch.ru/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 44 000 ₽

На курсе вы разработаете 3 веб-приложения, освоите React и познакомитесь с его экосистемой – напишете первые тесты для ваших веб-приложений, а также создадите UI-библиотеку. Помимо технических навыков, получите soft-скиллы – опыт работы в команде и рекомендации по успешному прохождению собеседования.

Программа курса

  1. Введение
    Разберём, как проходит процесс обучения, кому подойдет этот курс и какие инструменты будут изучаться.
  2. Сложные концепции в JS
    Углубимся в изучение JS. Рассмотрим продвинутые концепции, которые будут встречаться в дальнейшем и без понимания которых будет сложно перейти к изучению React.
  1. Подготовка рабочего места
    Подготовим рабочее место для того, чтобы писать грамотный и красивый код стало проще и удобнее. Научимся пользоваться консолью.
  1. React
    Разберем базовые функции и основные концепции React. Поймем, что отличает функциональный подход от компонентного. Создадим первую форму на React.
  1. Redux
    Узнаем про самую популярную библиотеку для React, разберем её концепции. Проанализируем плюсы и минусы данного подхода. Рассмотрим основные функции и совместим React и Redux.
  1. Продвинутая работа с React, React Thunk
    Разберем более продвинутые концепции в React. Узнаем, как искать и исправлять баги в React. Напишем асинхронный код. Научимся создавать правильную форму входа и рассмотрим виды запросов.
  1. Маршрутизация. React Router
    Разберем более продвинутые концепции в React. Узнаем, как искать и исправлять баги в React. Напишем асинхронный код. Научимся создавать правильную форму входа и рассмотрим виды запросов.
  1. Вспомнить всё!
    Закрепим изученные технологии. Углубимся в работу с бэкендом и реализуем новую, более сложную, функциональность приложения.
  1. Jest
    Научимся тестировать код автоматизировано. Разберемся, как тестировать функциональность приложения и как это отличается от тестирования компонентов. Попробуем новый процесс разработки – TDD.
  1. Пишем стили правильно. Styled-Components. Storybook.
    Узнаем, что такое css-in-js. Реализуем темную и светлую тему и переключатель между ними. Разберемся, как совместно с дизайнером разрабатывать хорошие интерфейсы. Создадим библиотеку компонентов в своем приложении.
  1. Архитектура React приложений
    Подготовка к созданию выпускного проекта. Разберём, как проектировать приложения, разобьемся на команды и выберем темы.
  1. Зачем писать код, если есть no-code
    Узнаем про инструменты, которые могут ускорить и упростить создание приложений. Разберем на реальных кейсах плюсы и минусы такого подхода. Научимся применять no-code решения на практике.
  1. Как найти работу
    Рассмотрим виды компаний, разберем плюсы и минусы фриланса, поговорим о том, как составлять резюме и что писать в сопроводительном письме, проанализируем вопросы, которые задают на собеседовании, и научимся отвечать на них грамотно и уверено.
  1. Подводим итоги

Проекты курса:

Ваш сертификат, подтверждающий обучение в Skill-Branch, профессиональные знания и навыки.

Приложите его к CV или резюме, чтобы обойти конкурентов и получить престижную работу!

Курс «Разработка на React» — Luxoft

https://www.luxoft-training.ru/kurs/razrabotka_na_react.html

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 29 900 ₽

Разбираемые темы:

  1. Обзор современных возможностей JS (4 часа).
  1. Основы React (1 час, включая практику).
  2. JSX (2 часа, включая практику).
  3. State и Props (2 часа, включая практику).
  4. Расширенные вопросы. Жизненный цикл компонентов (2 часа, включая практику).
  5. Роутинг в React (2 часа, включая практику).
  6. Immutable.js (1 час).
  7. Архитектура FLUX (2 часа, включая практику).
  8. Основы REDUX (2 часа, включая практику).
  9. Продолжаем изучать REDUX (3 часа, включая практику).
  10. REDUX Dev Tools (0,5 часа + демонстрация).
  11. Часто задаваемые вопросы по REDUX (0,5 часа).
  12. Middleware в REDUX (0,5 часа).
  13. Асинхронные Actions (0,5 часа).
  14. Redux THUNK (2 часа, включая практику).
  15. Хуки в React(1 час).

Цели

Целевая аудитория

После окончания курса выдаётся сертификат на бланке Luxoft Training.

Курс «Разработка на React» — ThinkNetica

https://thinknetica.com/react_basic

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 27 900 ₽

После курса ты:

Программа:

14 видео-уроков с заданиями + вебинары с ответами на вопросы

  1. Знакомство с React
  1. Способы создания React-приложения
  1. Стили в React-приложении
  1. Свойства и состояние компонента
  1. Stateful- и Stateless- компоненты
  1. Жизненный цикл компонента
  1. Встроенные и пользовательские хуки (React Hooks)
  1. Тестирование с помощью Jest и React Testing Library
  1. Взаимодействие с API
  1. Роутинг в приложении (React Router), порталы (React Portals)
  1. Обработка событий
  1. Контекст и аутентификация
  1. Способы создания форм
  1. Production-сборка и Deployment

Факультатив. Redux

По окончанию курса ты получишь именной сертификат. Сертификат выдается только тем участникам, кто успешно выполнил все задания курса.

Курс «React. Разработка сложных клиентских приложений» — Интерактивные обучающие технологии

https://htmlacademy.ru/intensive/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 25 400 ₽ — 37 400 ₽

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

Программа курса

Участие в живых лекциях, работа над проектом с личным наставником.

Улучшим знания о React и компонентах. Разберём state, события и методы жизненного цикла компонента. Познакомимся с React Hooks и узнаем, как с их помощью заменить class-компоненты.

Знакомимся с Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления (Views) и хранилища (Stores). Подключаем к проекту Redux и обновляем кодовую базу.

Поговорим о производительности React-приложений: какие есть особенности, на что следует обращать внимание при проектировании компонентов в первую очередь.

Познакомимся с инструментами и методиками тестирования React-приложений. Настроим инфраструктуру для тестирования, напишем тесты для созданных компонентов.

Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества. Завершение работы над проектом и подготовка к итоговой защите.

Первая оценка проекта проверяющим наставником по критериям качества.

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Внесение финальных правок и получение итоговой оценки.

Курс «Интенсив-практикум по React c Redux, MobX TypeScript, Styled Components и CSS Modules» — Lectrum LLC

https://lectrum.io/course/react-redux

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 20  950  ₽ — 30  950  ₽

Вы научитесь:

  1. Работать с компонентами, хуками, а также особенностями разработки бизнес-логики с помощью кастомных хуков
  2. Использовать TypesScript по назначению, чтобы он помогал, а не наоборот
  3. Формировать правильную архитектуру приложения
  4. Использовать лучшие подходы стилизации: CSS-модули и Styled Components
  5. Создавать эффективные формы, а также их валидировать посредством применения оптимального подхода к валидации
  6. Работать с Redux c использованием новых хуков useDispatch и useSelector, лучших практик и минимумом написанного кода
  7. Работать с MobX, а также понимать его отличия от Redux
  8. Тестировать React-компоненты, хуки, а так же Redux и MobX
  9. Работать в команде по Agile-методологии

Программа курса:

Неделя 1

Практика

Практика

Неделя 2

Практика

Практика

Неделя 3

Практика

Практика

Неделя 4

Неделя 5

Практика

Практика

Неделя 6

Практика

Практика

Практика

Неделя 7

Неделя 8

Неделя 9

Курс «React» — Learn.JavaScript

https://learn.javascript.ru/courses/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 19 000 ₽

Курс состоит из 4-х блоков:

  1. Знакомство с React, и его экосистемой.
  2. Построение приложений с React: Redux.js.
  3. React для SPA: react-router и продвинутые API Реакта.
  4. Куда развиваться дальше.

Программа курса:

Блок 1 — Знакомство с React и его экосистемой.
В этом блоке мы начнем с того, на чем остановились в скринкасте по Реакт. Научимся писать простые компоненты и узнаем, в чем принципиальное отличие React.js от других популярных фреймворков. Создадим первые компоненты, используя декларативный подход, познакомимся с экосистемой, научимся использовать сторонние компоненты и работать с формами.

Блок 2 — Построение приложений с React: Redux.js
Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процессе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.

Блок 3 — React для SPA: react-router и продвинутые API Реакта
Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.

Блок 4 — Куда развиваться дальше
На этот момент вы уже знаете все, что необходимо, для разработки React приложений. Но на этом рано останавливаться, вокруг Реакта выросла огромная экосистема. Мы обзорно пройдемся по основным возможностям для развития, разным платформам, библиотекам и вспомогательным инструментам. + Будет возможность разобрать интересующие именно вас вопросы.

Курсовой проект

Курс «React» — ITEA

https://onlineitea.com/course/react-js/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 17 850 ₽

На курсе ты научишься:

Полный план обучения на курсе React:

  1. Введение в экосистему фреймворка React
  1. Настройка первого React-компонента с использованием NPM, Babel, Webpack
  2. Работа с «props»/»state» компонента
  3. JSX
  4. React Router
  5. Работа с событиями
  6. Жизненный цикл компонента + AJAX, работа с модулем axios
  7. Reusable Components
  8. Redux
  9. Динамический рендеринг
  10. Работа с формами
  11. Использование Promises
  12. Деплой приложения.

Курс «JavaScript. Уровень 6. React и JSX» — Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана

https://www.specialist.ru/course/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 13 000 ₽ — 16 990 ₽

Вы научитесь:

Программа курса:

Модуль 1. Введение в React и JSX (4 ак. ч.)

Модуль 2. React-компоненты, состояния и жизненный цикл (4 ак. ч.)

Модуль 3. Условная отрисовка. Формы (4 ак. ч.)

Модуль 4. Всплытие состояний (4 ак. ч.)

Курс «Библиотека ReactJS с Нуля до Профи» — webformyself

https://webformyself.com/reactjs/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 9 870 ₽

Основная часть курса:

108 уроков общей продолжительностью 16 часов

Основная часть курса состоит из тринадцати объемных блоков:

Бонусная часть курса:

48 уроков общей продолжительностью более 23 часов

Бонусная часть курса состоит из 5 новых видеокурсов, 2 из которых являются нашими полноценными коммерческими курсами:

Итоговый результат:

В качестве наглядного примера SPA-приложения мы выбрали приложение для создания и прохождения тестов. Именно оно и разрабатывается в курсе

Приложение состоит из двух частей: общей и администраторской.

Курс «React» — Дмитрий Лаврик

https://js.dmitrylavrik.ru/react/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 9 800 ₽

Цель курса:

Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.

Для новичков React сложнее, чем Vue.js. Но вакансий и заказов на фрилансе на нём больше.

Программа курса

  1. Простая сборка с webpack
  2. Основы компонентного подхода
  3. Понимание JSX
  4. Функциональные компоненты vs классы
  5. Классический React vs функции + хуки
  6. Изменение состояния и иммутабельность
  7. JSX и ветвления при рендеринге
  8. Рендеринг элементов в цикле
  9. Нюансы атрибута key
  10. Понимание основных хуков
  11. useState, useEffect, useRef
  12. Создание своих хуков
  13. Взаимодействие между компонентами
  14. Однонаправленный поток данных
  15. Обработка событий
  16. Модульный CSS vs CSS in JS
  17. Работа с формами
  18. Children — передача контента в компонент
  19. Проблемы большой иерархии компонентов
  20. Идеи хука useContext
  21. Идеи единого склада данных
  22. Состояние и хук useReducer
  23. Управление состоянием приложения
  24. Централизованный склад данных
  25. Понимание flux-архитектуры
  26. Redux, который бесит новичков
  27. Основы работы с Mobx
  28. Организация работы с Mobx
  29. Модули и rootStore
  30. Основы React Router
  31. Api History
  32. Создание небольшого SPA
  33. Общение с серверным API
  34. Fetch и промисы
  35. Обработка ошибок
  36. Подключение полифилов
  37. Построение архитектуры приложения
  38. Доработка SPA
  39. Применение изученных тем
  40. Сборка в production
  41. Перенос SPA на сервер
  42. План дальнейшего развития.

Курс «Библиотека ReactJS с Нуля до Профи» — vladilen

https://vladilen.ru/react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 4 790 ₽

ОСНОВНАЯ ЧАСТЬ КУРСА:

После прохождения курса вы сможете:

Курс «JS: React» — Хекслет

https://ru.hexlet.io/courses/js-react

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 3 900 ₽ в месяц

Чему вы научитесь:

  1. Создавать полноценные приложения на React
  2. Грамотно организовывать состояние приложения
  3. Взаимодействовать с бекендом по API
  4. Интегрировать React со сторонними библиотеками.

Уроки курса:

Продолжительность 24 часа

  1. Введение
    Познакомиться с курсом и подготовить окружение.
  2. Компоненты
    Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере.
  3. JSX
    Научиться эффективно использовать jsx.
  4. Props
    Познакомиться с механизмом передачи данных в компоненты.
  5. Работа с коллекциями
    Научиться обрабатывать коллекции данных внутри компонентов.
  6. Различия jsx и html
    Узнать об особенностях jsx, которые работают не так как в html.
  7. Обработка имён классов
    Научиться правильно работать с классами компонентов, которые могут изменяться динамически.
  8. Children
    Научиться создавать компоненты боксы, способные работать с вложенными компонентами.
  9. Состояние
    Познакомиться с созданием stateful компонентов. Научиться добавлять интерактивности.
  10. События
    Познакомиться с особенностями системы событий React.
  11. Автоматное программирование
    Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в React.
  12. Формы
    Изучить принципы взаимодействия с формами.
  13. Неизменяемость
    Научиться работать с составными структурами в неизменяемом стиле. Познакомиться с библиотекой `immutability-helper`.
  14. Вложенные компоненты
    Разобраться с хранением состояния и управлением событиями во вложенных компонентах.
  15. Функциональные компоненты
    Рассмотреть создание компонентов на основе функций и использования пространств имён.
  16. Virtual Dom
    Познакомиться с устройством React.
  17. Тестирование
    Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.
  18. Асинхронная обработка
    Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков.
  19. Жизненный цикл компонента
    Познакомиться с жизненным циклом компонента в процессе работы.
  20. Производительность
    Научиться выжимать из React максимальную производительность.
  21. Refs
    Научиться взаимодействовать с реальным DOM для интеграции сторонних компонентов.
  22. Дополнительные материалы
    Помогают глубже и всесторонне рассмотреть тему курса в открытых статьях и видео подобранных командой Хекслета.

Курс «React 0.14 Базовый» — ITVDN

https://itvdn.com/ru/video/react-js-essential

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: 750 ₽

Чему вы научитесь с помощью данного видео курса:

Основные темы:

  1. План курса
  2. Что такое React?
  3. DOM-дерево
  4. Как скачать библиотеку React
  5. Как подключить библиотеку React
  6. JSX
  7. Как поместить компонент в DOM-дерево
  8. Параметры компонетов
  9. Компонеты в React
  10. Написание списка контактов на React
  11. События в React
  12. Подведение итогов.

Курс «React» — Академия IT

https://academiait.ru/course/react/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: бесплатно

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

Уроки:

  1. Введение
  2. Настройка окружения
  3. Компоненты и элементы
  4. Свойства компонентов
  5. Условный рендеринг
  6. Состояние компонентов
  7. Жизненные циклы компонентов
  8. Списки и ключи
  9. Формы
  10. Контекст
  11. Компоненты высшего порядка
  12. Redux.

Курс «React 001» — StackDev

https://react001.ru/

React-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Стоимость: бесплатно

В рамках курса по изучению библиотеки React JS, мы создадим приложение для заказа бургеров в сети ресторанов Hot Burgers! С помощью приложения можно будет в реальном времени управлять стоимостью и ассортиментом меню.

Приложение будет включать компоненты меню, форму заказа и панель администратора. Наши данные будут храниться в базе данных Google Firebase и обновляться в режиме реального времени! Система авторизации позволит регулировать доступ к системе управления меню.

Курс состоит из 29 видео-уроков:

  1. Настраиваем Инструменты
  2. Компоненты React
  3. Создаем первый компонент Landing
  4. JSX в React
  5. Добавляем CSS в React
  6. Объект State, обработчики событий и значение this
  7. Пишем логику обновления объекта State
  8. Головной компонент App и структура приложения
  9. Объект Props в React
  10. Функциональные компоненты React
  11. Настраиваем React Router
  12. Push State в компоненте Landing
  13. Объект State в компоненте App
  14. Загружаем бургеры в меню
  15. Отображаем бургеры из объекта State
  16. Объект State в компоненте Order
  17. Отображаем компонент Order
  18. Пишем компонент Shipment
  19. Интеграция с Google Firebase
  20. Cохраняем данные о заказе в Local Storage
  21. Редактирование свойств бургера
  22. Удаление бургера из меню
  23. Создание анимации
  24. Прописываем Prop Types
  25. React Хук useState
  26. Авторизация с Google Firebase
  27. Сборка готового приложения
  28. Размещение на хостинге Now
  29. Размещение на хостинге Netlify.

Чему Вы научитесь: