25 бесплатных ресурсов для изучения React онлайн.

Представляем 25 ресурсов, полезных для изучения React — самого популярного фреймворка JavaScript для создания интерфейсов для пользователей. React выделяется языком JSX, он построен на основе HTML, однако компилируется в JavaScript. React обладает понятным синтаксисом, отлично подходит для тех, кто только знакомится с программированием. Однако будет полезен и «сеньорам», которые интересуются расширением своих навыков.

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

Видеокурсы

Отличный способ изучения нового для тех, кто предпочитает визуальную информацию: все наглядно показано. При этом учиться можно откуда угодно и хоть на ходу, для просмотра видео онлайн хватит среднего интернет-канала (если есть лаги, проверьте стабильность оператора в сервисе speedcheck.org.

@react_tg – телеграм канал для изучения React
https://vk.com/javascript_forum – вк группа Javascript/react
The Beginner’s Guide to React — руководство для начинающих от сайта egghead.io, который обучает JavaScript-технологиям. Доступно 30 видеоуроков, научат всему с азов до развертывания полноценных приложений. Язык — английский.
Learn React – продуманный видеокурс из 58 уроков от обучающей платформы Scrimba.com. Охватывает еще больше тем, чем предыдущее руководство. Сайт удобен благодаря редактору — можно тренироваться и кодить в процессе просмотра видео. Язык — английский.
Русскоязычное Youtube-руководство «ReactJS – Путь Самурая» , состоящее из ста уроков, отзывы о них отличные.
Подборка от Web Developer Blog для молодых разработчиков — «Уроки React Js – Основы для начинающих».
Качественные ролики о компонентах React от Youtube-пользователя webDev. К слову, о полезных библиотеках компонентов мы уже писали.
Руководство для начинающих egghead.io – класснный курс из 30 уроков по React, который научит всему, что следует знать для использования фреймворка в развертывании веб-приложений.
Для более опытных разработчиков — интенсив по Node.js & React.js от онлайн-платформы Skill Branch.
Углубленный курс по React и Redux (React and Redux Masterclass, Udemy), который познакомит с такими понятиями как составные части, состояния, события, формы. Состоит из 33-х увлекательных лекций.
https://github.com/enaqx/awesome-react – коллекция полезнных материалов, касающихся экосистемы React.
@programming_books_it – бесплатные книги по фронтенду в телеграмме
13 видео о компонентах React на канале webDev
Большой курс ReactJS – Путь Самурая (100 уроков по 20-40 минут)

25 бесплатных ресурсов для изучения React онлайн.

Официальная поддержка

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

Бесплатные курсы онлайн-университетов

«React basic in just 1 hour» от Udemi. Отличный курс для тех, кто хочет изучить библиотеку с нуля. Рассматриваются функции, виртуальные модели DOM, синтаксис JSX и прочее.
«Introduction to the React Challenges» от Freecodecamp. Уроки без видео в веб-сервисе с редактором кода. Начинаются с азов.
«Front-End Web Development with React» от Coursera. Отличный курс, познакомит и с базой, и с расширенными функциями React, например, архитектурой Flux и Redux.

Шпаргалки по React — для ускорения и упрощения работы

React.js Cheatsheet — подборка готовых кодов для широкого применения.
React Cheat Sheet – отличается фильтрами по имени, ссылками на официальный «хелп» реакта.
React Patterns – подсказки по паттернам React, кратко и понятно.

Подкасты для интересующихся React

React Podcast — пригодится для понимания философии React и знакомства с практиками разработчиков. Язык — английский. Отчасти это даже плюс — полезно потренировать восприятие на слух.
Пятиминутка React — русскоязычный подкаст про технологии JavaScript и frontend. Выходит с 2016 года, так что полезной информации накопилось немало.

Блоги и сайты о React

Dev.to – аглоязычная платформа, что-то вроде Хабра для специалистов по React. Здесь можно задать вопрос и получить помощь, обсудить изменения и волнующие вопросы, даже найти вакансию. Атмосфера позитивная.
Overreacted.io – блог разработчика React и Redux Дэна Абрамова. Не столько для обучения, сколько для любопытных — автор рассказывает о внутренней «кухне» React. Язык — английский.
React Resources – англоязычный сайт, создатели которого собирают полезную информацию о React: текстовые руководства, видеокурсы, книги, подкасты, анонсы конференций и так далее.
t.me/javascriptv – javascript для разработчиков
t.me/about_javascript – javascript продвинутый
t.me/JavaScript_testit -тесты JS
t.me/htmlcssjavas – фронтенд
t.me/hashdev – web разработка