ТОП-10 курсов React.js – рейтинг обучения 2024

1 место. Курс JavaScript-фреймворк React.js от Skillbox

Цена курса: Рассрочка на 12 месяцев – 2 214 ₽ / мес Сайт школы: https://skillbox.ru/course/react-js/

• Создавать приложения с нуля
• Работать с публичными API
• Познакомитесь с Flux, Redux, Mobx
• Профилировать свое приложение
• Тестировать свое приложение
• Создавать SPA и RIA приложения с нуля.

1. Введение в React
2. Создание проекта
3. Typescript
4. Компоненты на примере новостной карточки Reddit
5. Hooks и функциональное программирование
6. Компоненты – продвинутые темы. Введение в тестирование компонентов
7. Работа с публичным API на примере Reddit
8. React Context
9. Портал и форма
10. Введение в Redux на примере поля для ввода комментария
11. Использование Redux-Thunk на примере загрузки профиля пользователя
12. Формы на примере комментариев и карточки поста
13. «Бесконечные» списки на примере ленты постов
14. Сайдбар + роутинг
15. SSR + NextJS
16. Бонусный модуль: Mobx.

2 место. Курс React.js Developer от OTUS

Цена курса: 76 500 ₽ Сайт школы: https://otus.ru/lessons/react/

• продвинутым возможностям Redux, Redux-Saga, Redux-thunk;
• создавать SPA-приложения и оптимизировать их для production;
• писать чистый и лаконичный код с TypeScript;
• применять интеграционные и юнит-тесты;
• работать в GraphQL, Apollo, Relay.

1. Preface
2. React
3. React + Redux
4. Процесс разработки приложения, HTTP, WebSockets, GraphQL
5. Проектный модуль.

3 место. Курс React-разработчик от Школа анализа данных

Цена курса: 51 000 ₽ Сайт школы: https://practicum.yandex.ru/react

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

4. Курс React в веб-разработке от Skill-Branch

Цена курса: 44 000 ₽ Сайт школы: https://skill-branch.ru/react

1. Введение
2. Сложные концепции в JS
3. Подготовка рабочего места
4. React
5. Redux
6. Продвинутая работа с React, React Thunk
7. Маршрутизация. React Router
8. Вспомнить всё!
9. Jest
10. Пишем стили правильно. Styled-Components. Storybook.
11. Архитектура React приложений
12. Зачем писать код, если есть no-code
13. Как найти работу
14. Подводим итоги.

• Выполнение поставленных задач точно в срок
• Соблюдение дедлайнов
• Умение применять широкий спектр технологий и библиотек
• Умение работы по Agile
• Умение работать с ТаскТрекерами
• Знание и умение работы с Git
• Владение культурой написания кода
• Прогнонизование времени решения задач
• Умение работать в команде.
• Высокая концентрация на деталях
• Быстрое освоение новых знаний и навыков.

5. Курс React.JS от Traktor

Цена курса: 36 000 руб. Сайт школы: https://traktorschool.ru/react

1. Введение в React
2. Деплой React приложений
3. Навигация
4. Формы
5. Общение с сервером
6. Работа со стейтом в Redux
7. Используем Redux-Toolkit
8. Стили
9. Авторизация
10. Безопасность
11. Серверный рендеринг
12. Карьера разработчика.

6. Курс React Getting Started от csssr school

Цена курса: 34 000 ₽ – 45 000 ₽ Сайт школы: https://school.csssr.com/ru/course/react/junior

1. Введение в React
2. React против HTML
3. Компоненты
4. State и uncontrolled controls
5. Controlled controls и оптимизация
6. Context
7. Redux
8. Redux Modularization
9. Роутинг
10. API
11. Change data и component routing
12. Legacy.

7. Курс React от ITEA

Цена курса: 220 EUR Сайт школы: https://onlineitea.com/course/react-js/

• Проектировать и строить полноценное приложение или продвинутый сайт на фреймворке React.js
• Использовать последние новинки современной вёрстки JSX и “Виртуальный DOM” в своей работе.

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

8. Курс React.JS от Академия верстки

Цена курса: 10 990 руб. – 16 990 руб. Сайт школы: https://glo-academy.ru/reactjs/

1. Знакомство с React
2. React на практике, что необходимо знать для полноценного SPA
3. Продвинутое использование React, работаем с Redux
4. Дипломный проект
5. Трудоустройство и фриланс.

9. Курс React от ИП Лаврик Д. В.

Цена курса: 9 800 руб. Сайт школы: https://js.dmitrylavrik.ru/react/

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. План дальнейшего развития.

10. Курс React 001 от Василий Муравьев

Цена курса: 5 000 ₽ Сайт школы: https://react001.ru/

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.

• Создавать приложение на React.JS с нуля
• Cоздавать компоненты React, используя JSX синтаксис
• Использовать модули Javascript
• Использовать новые фичи Javascript ES6 при написании кода
• Создавать и управлять сосотоянием компонентов
• Передавать данные между компонентами
• Использовать объект LocalStorage в браузерах
• Создавать маршрутизацию с помощью React Router 4
• Обрабатывать данные из форм
• Использовать хук useState
• Использовать возможности базы данных Google Firebase
• Создавать систему авторизации
• Развертывать приложение на хостинге (Netlify и Now)
• и другие…

11. Курс Разработка на React от thinknetica

Цена курса: нет информации Сайт школы: https://thinknetica.com/react_basic

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

1. Знакомство с React
2. Способы создания React-приложения
3. Стили в React-приложении
4. Свойства и состояние компонента
5. Stateful- и Stateless- компоненты
6. Жизненный цикл компонента
7. Встроенные и пользовательские хуки (React Hooks)
8. Тестирование с помощью Jest и React Testing Library
9. Взаимодействие с API
10. Роутинг в приложении (React Router), порталы (React Portals)
11. Обработка событий
12. Контекст и аутентификация
13. Способы создания форм
14. Production-сборка и Deployment
15. Факультатив. Redux.

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

Цена курса: 28 500 ₽ – 43 524 ₽ Сайт школы: https://loftschool.com/course/react/

• Разрабатывать SPA на React.js
• Оптимизировать React.js приложения
• Разделять работу с данными и представлением
• Управлять потоками ваших данных
• Тестировать приложения
• Выбирать правильные инструменты для вашего стартапа.

1. Введение в React.js
2. Паттерны React.js, тестирование
3. Redux, роутинг
4. Redux-saga
5. Формы, CI & DI & Client error handling
6. Работа над проектом.

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

Цена курса: 25 900 ₽ – 37 900 ₽ Сайт школы: https://htmlacademy.ru/intensive/react

1. Знакомство с TypeScript
2. React
3. Маршрутизация (React Router)
4. React-компоненты. Hooks
5. React и паттерны
6. Управление состоянием. Redux
7. Асинхронность в Redux
8. Оптимизация производительности
9. Тестирование React
10. Защита проекта
11. Финал.

14. Курс React от Илья Кантор

Цена курса: 23 000 ₽ Сайт школы: https://learn.javascript.ru/courses/react

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

• Вы знаете, понимаете и умеете использовать основные идеи React.
• Компонентный подход и архитектура одностороннего потока данных (Redux) – ваше второе “Я”.
• Вы умеете строить как многоразовые компоненты, так и SPA с помощью React.
• Вы знаете, в каком направлении развиваться и на какие элементы инфраструктуры React стоит обратить внимание.

15. Курс JS: React от Хекслет

Цена курса: 3 900 ₽ / мес Сайт школы: https://ru.hexlet.io/courses/js-react

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

1. Введение
2. Компоненты
3. JSX
4. Props
5. Работа с коллекциями
6. Различия jsx и html
7. Обработка имён классов
8. Children
9. Состояние
10. События
11. Автоматное программирование
12. Формы
13. Неизменяемость
14. Вложенные компоненты
15. Функциональные компоненты
16. Контекст (Context API)
17. Virtual Dom
18. Тестирование
19. Асинхронная обработка
20. Жизненный цикл компонента
21. Производительность
22. Refs
23. Дополнительные материалы.

16. Курс React с нуля для начинающих от beONmax

Цена курса: от $ 9.8 Сайт школы: https://beonmax.com/courses/react/

• Узнаете все особенности последней версии React 17
• Научитесь работать и с классовыми, и с функциональными компонентами
• Разберётесь, чем отличаются управляемые и неуправляемые компоненты
• Научитесь использовать хуки
• Освоите работу с состоянием и жизненным циклом приложения
• Создадите SPA (single page application) с react-router

1. О курсе
2. Введение
3. React с JSX и без
4. Классовые React-компоненты
5. Работа с формами в React
6. Проект «фильмы»
7. Функциональные React-компоненты
8. Хуки подробно
9. Проект «витрина»
10. Продвинутое управление состоянием приложения
11. Роутинг и SPA-приложение
12. Подведение итогов
13. Завершение курса – получение сертификата.