React — это библиотека для создания пользовательских интерфейсов. Основная особенность этого инструмента — возможность использовать JSX, язык программирования с близким к HTML синтаксисом, который компилируется в JavaScript. Синтаксис React.js легче понять по сравнению с другими фреймворками JavaScript, что делает его особенно популярным.

На онлайн курсах React  вас научат верстать веб-страницы и письма средствами CSS и HTML, работать в системе контроля версий GIT, работать в командной строке Bash, создавать интерактивные веб-приложения в браузере средствами JavaScript и многому другому.

Мы нашли все курсы React.js, которые помогут вам освоить новый навык, чтобы вы повысили свой уровень в качестве разработчика.

Skillbox

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

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

• Практикующим JavaScript-разработчикам
  Вы освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач, которые сможете выполнять на проекте — станете более конкурентоспособным сотрудником.
• Frontend-разработчикам
  React.js — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

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

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

Программа

• Введение в React
• Создание проекта
• Компоненты на примере новостной карточки Reddit
• Больше о компонентах и введение в тестирование компонентов
• Работа с публичным API на примере Reddit
• Введение в Redux на примере новостной ленты
• Использование Redux-Thunk на примере бесконечной ленты
• Сайдбар + роутинг
• Формы на примере комментариев и карточки поста
• Оптимизируем приложение
• SSR + NextJS
• Бонусный модуль: Mobx

Яндекс.Практикум

Курс «React-разработчик»

Курс «React-разработчик» — это трёхмесячный интенсив для погружения в экосистему React, работы с популярными технологиями и изучения их альтернатив. Мы приготовили программу с теорией, практикой, постоянным общением и дополнительными материалами.

• Программа
  В основной программе — вся базовая теория для разработки современных приложений на React и TypeScript. Теорию закрепите задачами в тренажёре. В дополнительной программе — материалы, которые помогут расширить кругозор и глубже понять экосистему React.
• Проект
  Вам предстоит написать полноценное многопользовательское приложение на React и TypeScript и покрыть его юнит-тестами. Вы будете работать над ним постепенно: проходить нужную теорию, решать задачи в тренажёре, а затем писать фрагмент приложения.
• Проектная кухня
  На практике React-разработчик обычно дорабатывает и улучшает уже готовый продукт. Кроме самостоятельного проекта, вы можете по желанию работать с другими студентами над готовым приложением: изменять его функциональность, обновлять дизайн и реализовывать идеи.

Как выглядит процесс обучения

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

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

Самостоятельная работа
Тренажёр — только часть обучения. Основные навыки вы приобретёте, решая задачи инструментами профессиональных разработчиков, а после код-ревью не останетесь без обратной связи.

Поддержка
Команда экспертов всегда будет рядом: код-ревьюеры проверят и оставят комментарии на каждом этапе ваших проектных работ; наставники помогут разобраться в сложностях и обучат профессиональным приёмам. А с техническими трудностями при работе с платформой поможет справиться команда поддержки: она доступна в чате 24/7.

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

1. Бесплатное входное тестирование
2. Погружение в React и Redux
3. Роутинг, безопасность и TypeScript
4. Протокол WebSocket и деплой приложения
5. Карьерный трек (опционально)

Карьерный центр: поможет найти работу в приятной компании

1. Портфолио и самопрезентация
   Узнаете про рынок труда и компании, которые нанимают младших специалистов. Вам помогут собрать портфолио и составить резюме. Подготовят к собеседованиям и научат вести разговор.
2. Отклики и собеседования
   Вы начнёте откликаться на вакансии и общаться с работодателями. Вместе с карьерным центром будете выбирать лучшие варианты и искать компанию, которая вас устроит.
3. Приглашение на работу
   78% студентов Практикума трудоустраивается в течение 4 месяцев после выпуска.

 

Нетология

React: библиотека фронтенд-разработки №1

• Создайте более 20 вариантов интерактивных интерфейсов во время обучения
• Добавьте React в своё резюме и получите новые карьерные возможности

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

Вы будете общаться с преподавателями и однокурсниками в онлайне 2-3 раза в неделю. Вебинары также будут доступны в записи и после обучения. После каждой лекции будете делать практические задания, а затем получать развёрнутую обратную связь. Так наполните портфолио.

Онлайн школа Thinknetica

Профессиональный онлайн‑курс РАЗРАБОТКА НА REACT

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

• Освоишь один из самых востребованных работодателями навык
• Сможешь уверенно работать с React и создавать сложные SPA-приложения
• Изучишь лучшие практики Frontend-разработки
• Перестанешь бояться вакансий, где требуется React
• Повысишь свою стоимость как разработчик
• Сможешь работать в лучших компаниях

Ты освоишь фундаментальные основы и принципы устройства React, а также наиболее популярные решения его экосистемы. Наставники проверят каждое твое задание, сделают подробный code review, дадут рекомендации по коду и ответят на вопросы. Учиться одному сложно и скучно, поэтому ты будешь не один! Форум, чат, вебинары и еще куча способов получать помощь и поддержку, да и просто общаться с единомышленниками.

Javascript

Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью React.

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

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

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

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

Хекслет

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

Уроки курса:

• Введение. Познакомиться с курсом и подготовить окружение.
  теория
• Компоненты. Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере.
• JSX. Научиться эффективно использовать jsx.
  теория
• Познакомиться с механизмом передачи данных в компоненты.
• Работа с коллекциями. Научиться обрабатывать коллекции данных внутри компонентов.
• Различия jsx и html. Узнать об особенностях jsx, которые работают не так как в html.

CourseHunter

React (или React.js) — это современная популярная JavaScript библиотека для создания пользовательского интерфейса. Использование React в разработке позволит вам быстро создавать мобильные и веб-приложения.

На курсе React Essential вы научитесь создавать веб-приложение с помощью React, рассмотрите архитектуру проекта, научитесь разбивать приложение на логические части и компоненты. При прохождении курса вы получите практику в написании своего приложения, стилизации его с помощью css modules, а также познакомитесь со стилем мышления, философией и основными концепциями написания приложения при помощи React.

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

• Понимать философию разработки в стиле React.
• Строить простые одностраничные приложения с помощью React.js.
• Создавать модальные окна и страницы ошибок.
• Создавать списки заметок.
• Работать с компонентами в React, а также создавать компоненты самостоятельно.
• Преобразовывать функциональные компоненты в классовые.
• Работать с событиями и списками.
  и многому другому.

beONmax

Практический курс по разработке web-приложений React JS для начинающих — Уроки по изучению библиотеки React JS + Redux с нуля

Изучите самую популярную библиотеку на основе JavaScript — React.js со всеми необходимыми технологиями (в том числе и Redux)! Научитесь создавать полноценные web-приложения.
В процессе обучения будет много практики и примеров, а также вы создадите как минимум 3-4 приложения с нуля с применением React JS.

ЧЕМУ ВЫ НАУЧИТЕСЬ?

• Познакомитесь и настроите плагин ESLint
• Вспомните основные фичи ES6. Стандарты ES6-8. Классы в ES6 стандарте
• Синтаксис React. Модульные структуры
• Что такое препроцессор JSX, как правильно его использовать
• Свойства и состояния компонентов. События в React
• Рассмотрите различные подходы к стилизации приложений. Как улучшить приложение при помощи стилей, препроцессоров, готовых компонентов и др. полезных технологий
• Научитесь работать с формами в React JS

Html Academy

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

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

Подходит ли вам этот курс?

• Обучение рассчитано на выпускников курса «JavaScript. Архитектура клиентских приложений» или для разработчиков, желающих поднять свои навыки.
• Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
• Чтобы успешно пройти курс вам понадобится 15−20 часов в неделю или 2,5−3 часа в день. Занимайтесь равномерно в течение недели или погружайтесь в учёбу на выходных.
• Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.

Академия IT

Бесплатный и доступный онлайн-курс «React». Пройдя данный курс, вы сделаете первый шаг к серьезному обучению и сможете чётко определиться с направлением ваших интересов! Вы также бесплатно сможете изучить другие интересные онлайн курсы. Регистрируйтесь и получайте знания совершенно бесплатно.

После регистрации Вам будут доступны следующие уроки:

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

Loft Shool

React.js Разработка веб-приложений

Курс рассчитан на веб-разработчиков с опытом от 1 года или на тех, кто уже прошел курс «Комплексное обучение JavaScript»

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

Покупая курс в LoftSchool, вы платите за гарантированный результат, а не за набор материалов. От вас требуется чётко следовать программе обучения, выполняя все домашние задания, которые будут строго проверяться вашим наставником. На выходе с курса – вы будете подготовлены к старту карьеры в IT-индустрии. Так что сами по себе материалы, которые действительно можно найти бесплатно, хоть и важны, но не играют решающего фактора. Это лишь кирпичик в здании  школы.

Lectrum LLC

Профессиональный курс React + Redux с современными frontend-методиками

Курс будет полезен, если вы:

• Выпускники курса JavaScript и ECMAScript для продвинутых
• Фронтенд-разработчики, которые повышают свой профессиональный уровень
• Бекенд-разработчики, которые переходят в фуллстек

Что вы получите после курса?

1. Детально разберётесь с работой хуков, а также особенностями описания бизнес-логики с помощью кастомных хуков
2. Навыки работы с Redux по-новому с использованием хуков useSelector и useDispatch
3. Навыки разработки и тестирования кастомных хуков
4. 3 персональных продакшн-проекта в своё портфолио
5. Появится уверенность на собеседованиях
6. Прокачаете soft skills в групповой разработке
7. Должность Trainee React Developer с зарплатой от $550-650, а после Junior React Developer с зарплатой от $650-850

Учебный центр «Специалист»

React: Redux и react — router

Работа с состоянием — неотъемлемая часть построения приложения на React. Эту работу можно значительно упростить, используя библиотеку и создавая единственные хранилище состояния через библиотеку Redux.

Redux необязательно использовать только с React, но на этом курсе после изучения библиотеки вы посмотрите на её связку с React и создадим для приложения хранилище для работы с состояниями.

На курсе вы узнаете как настроить маршрутизацию в одностраничном приложении, используя компоненты react-router.

Курс рекомендован:

• начинающим react-разработчикам
• желающим изучить библиотеку Redux
• желающим изучить react-router

Js.dmitrylavrik

Цель курса:

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

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

• Простая сборка с webpack
• Основы компонентного подхода
• Понимание JSX
• Функциональные компоненты vs классы
• Классический React vs функции + хуки
• Изменение состояния и иммутабельность
• JSX и ветвления при рендеринге
• Рендеринг элементов в цикле
• Нюансы атрибута key
• Понимание основных хуков
• useState, useEffect, useRef
• Создание своих хуков

Академия верстки

REACT.JS. За 5 недель освоите самую популярную библиотеку JavaScript и разработаете 3 приложения для портфолио.

Что нужно для старта?

Для изучения React вам нужно знать JavaScript. Если вы ещё не учили этот язык, рекомендуется сначала пройти курс по JavaScript. Учили JavaScript, но не уверены в своих знаниях и не знаете, подойдёт ли курс по React? Оставьте заявку на консультацию, и преподаватели определят ваш уровень знаний в JS

Программа курсов состоит из 70% практики и 30% теории. В уроках — только то, что нужно в реальной работе. Всё остальное — в виде дополнительных ссылок. На тарифах с куратором и преподавателем работает балльная система. Войдёте в тройку лучших студентов — получите большие скидки на курсы и подарки от Академии.