React — это библиотека JavaScript и средство разработки веб-интерфейсов, которое позволяет создать структуру программного проекта, имеет определенные шаблоны и возможность их изменения. Такой инструмент облегчает работу для разработчиков, помогает проще и быстрее решать задачи.
Специалисты, создающие приложения на React, называются «разработчиками на React». Их услугами пользуются крупные компании и социальные сети. Такие разработчики занимаются разработкой пользовательского интерфейса, используя React. Сейчас данная профессия становится все популярнее и популярнее, однако ее нельзя назвать простой, для нее необходимы комплексные знания. Поэтому мы составили для вас подборку лучших бесплатных онлайн-курсов по этой специальности. Приступим!
| Курс | Платформа | Длительность |
| Официальный туториал по React | Reactjs.org | 5 блоков |
| Фундаментальные курсы | Egghead | 1 час 6 минут |
| Git book по React на русском | Redux-course-ru | 19 уроков |
| React и Redux | Getstream.io | 9 уроков |
| React I | Loftschool | 10 видеоуроков |
| Learn React | Scrimba | 58 уроков |
| FreeCodeCamp | Freecodecamp.org | 47 уроков |
Официальный туториал по React от reactjs.org
| Продолжительность | 3 блока |
| Кому подойдет | Программистам с владением HTML и JavaScript |
| Уровень подготовки | Продолжающие |
| Формат | 5 блоков, разбитые на текстовые уроки |
| Ссылка | Ссылка на курс |
Что вы будете изучать
Создание игры «Крестики-нолики»:
- Указание, когда игрок выиграл;
- Сохранение истории игры по мере ее прохождения;
- Разрешение игрокам просматривать историю игры и предыдущие версии игрового поля.
Содержание курса
Курс состоит из трех блоков:
- Overview: научит вас основам React: компоненты, свойства и состояние;
- Completing the Game: научит вас наиболее распространенным техникам разработки на React;
- Adding Time Travel: даст вам более глубокое представление об уникальных сильных сторонах React.
Наш отзыв о курсе
Если вам нужна исчерпывающая информация, то единственный способ найти её — обратиться к первоисточнику, то есть к официальной странице библиотеки. Это пособие будет проще понять, если у вас до этого был опыт работы с каким-либо ещё JS-фреймворком. Для обучения по этому туториалу пригодится английский язык.
Фундаментальные курсы от Egghead
| Продолжительность | 1 час 6 минут |
| Кому подойдет | Программистам с владением HTML и JavaScript; новичкам |
| Уровень подготовки | С нуля |
| Формат | 21 видеоурок |
| Ссылка | Ссылка на курс |
Что вы будете изучать
- Установку свойств компонентов React;
- Понимание методов жизненного цикла компонентов React;
- Создание Live-компилятор JSX как компонента React;
- Отладку компонентов React с помощью инструментов разработчика в Chrome.
Содержание курса
- Общий вводный курс по JavaScript;
- Занятия по отдельным фреймворкам;
- Роутинг в React;
Наш отзыв о курсе
На этом онлайн-курсе подробно рассматриваются основы React. Курс не адаптирован под русский язык, но отлично разбирает все важные моменты библиотеки. В обучении нет лишней воды, материал подается лаконично.
Git book по React на русском от redux-course-ru
| Продолжительность | 19 уроков |
| Кому подойдет | Программистам с владением HTML и JavaScript |
| Уровень подготовки | Продолжающие |
| Формат | Текстовые уроки |
| Ссылка | Ссылка на курс |
Что вы будете изучать
- Создание компонентов, учитывая propTypes;
- Грамотное использование props и state компонента;
- Работа с формой;
- Работа с react dev tools;
- Рефактор.
Содержание курса
- Подключение React;
- Создание компонента;
- Использование props;
- If-else, тернарный оператор;
- Рефактор;
- React.propTypes;
- Использование state;
- Жизненный цикл компонента;
- Работа с формой.
Наш отзыв о курсе
В этом пособии вся необходимая теория React, изложенная максимально доступно, с огромным количеством примеров, картинок, демонстрирующих работу с формами, и самое главное — минимум голого текста.Преимущество в том, что пособие адаптировано под русский язык.
React и Redux от getstream.io
| Продолжительность | 9 уроков |
| Кому подойдет | Программистам с владением HTML и JavaScript |
| Уровень подготовки | Продолжающие |
| Формат | Текстовые уроки |
| Ссылка | Ссылка на курс |
Что вы будете изучать
Создание многофункционального масштабируемого приложения для социальной сети с помощью React и Redux.
Содержание курса
- История и философия React;
- State vs DOM Manipulation;
- Основы Redux;
- Ленты на платформе Getstream.io;
- Хостинг изображений от ImgIx.com;
- Аналитика с Keen;
- Редукторы и действия;
- Поиск на платформе Algolia;
- Пользовательские карты с Mapbox.com;
- Хостинг через DigitalOcean.
Наш отзыв о курсе
Это минимальный туториал по созданию приложения с нуля. Вы начнете с установки React, его настройки, подключаете Redux, работаете с фильтрами и получаете готовый продукт. Информация очень схожа с русскоязычной версией, но здесь больший акцент делается на гибкость и функциональность. А ещё работать здесь будете с фотографиями из Instagram.
React I от Loftschool
| Продолжительность | 10 видеоуроков |
| Кому подойдет | Программистам с владением HTML и JavaScript |
| Уровень подготовки | Продолжающие |
| Формат | Видеоуроки |
| Ссылка | https://loftschool.com/modules/15-react-i/ |
Что вы будете изучать
Базу по React: JSX, State, Props, события, рендеринг, компоненты.
Содержание курса
- Что такое React;
- Virtual DOM;
- JSX;
- Рендеринг с условиями;
- Работа со списками;
- Компоненты;
- Props;
- State;
- События;
- React Devtools.
Преподаватель
Максим Иванов – Senior Frontend Developer в компании Mojang (Minecraft), главный преподаватель курсов React.js и Node.js. Участвовал в разработке Батлфилд V. За 10 лет карьеры успел поработать со множеством библиотек и технологий.
Наш отзыв о курсе
Онлайн-курс подойдет для тех, кто уже знаком с основами JavaScript. Все уроки лаконичны, но дают подробную информацию о базовых знаниях React.
Learn React от Scrimba
| Продолжительность | 58 уроков |
| Кому подойдет | Программистам с владением HTML и JavaScript, новичкам |
| Уровень подготовки | С нуля |
| Формат | Видеоуроки |
| Ссылка | Ссылка на курс |
Что вы будете изучать
- Ключевые функции React при создании двух приложений;
- Практика в том, что вы изучаете, с помощью интерактивных задач и упражнений по программированию.
Содержание курса
- Зачем использовать React?;
- Функциональные компоненты React;
- Практика работы с функциональными компонентами React;
- JSX в JavaScript;
- Отображение компонентов в React;
- Практика использования компонентов на основе классов;
- React setState: изменение состояния;
- Контейнер React и архитектура компонентов.
Преподаватель
Боб Зиролл – директор по образованию в V School, где он вместе с другими инструкторами преподает веб-разработку.
Наш отзыв о курсе
Отличный онлайн-курс из 58 уроков, более углубленно охватывающий широкий спектр тем по React. На сайте разработана крутая платформа со встроенным редактором, который позволяет играться с кодом во время просмотра видео.Этот онлайн-курс может стать идеальной отправной точкой для любого новичка в React.
FreeCodeCamp от freecodecamp.org
| Продолжительность | 47 уроков |
| Кому подойдет | Программистам с владением HTML и JavaScript |
| Уровень подготовки | Продолжающие |
| Формат | Текстовые уроки+практика |
| Ссылка | Ссылка на курс |
Что вы будете изучать
- Ключевые функции React;
- Практика в том, что вы изучаете, с помощью интерактивных задач и упражнений по программированию.
Содержание курса
- Создание простого элемента JSX;
- Создание сложного элемента JSX;
- Добавление комментариев в HTML-элементах;
- JSXRender в DOM;
- Определение HTML-класса в JSX;
- Подробнее о самозакрывающихся тегах JSX;
- Создание функционального компонента без сохранения состояния;
- Создание компонента React;
- Создание компонента с помощью Composition;
- Использование компонента React для рендеринга вложенных компонентов DOM.
Наш отзыв о курсе
На сайте разработана крутая платформа со встроенным редактором, который позволяет работать с кодом во время просмотра видео. А если вы хотите узнать больше о математике и теории информатики, на сайте freeCodeCamp также есть тысячи часов видеокурсов.
Выводы и мнение редакции
Профессиональная разработка на JavaScript — тот этап в карьере, когда разработчик знает достаточно много и уже умеет пользоваться большим количеством технологий. React ещё немного увеличивает список необходимых знаний, но при этом позволяет перейти на новый карьерный уровень и зарабатывать гораздо больше. Мы желаем вам удачи и успехов в учебе!
