⚛️ 12 бесплатных ресурсов для изучения React

React – одна из самых популярных JavaScript-библиотек для разработки пользовательских интерфейсов. В этой статье вы найдете подборку бесплатных ресурсов о React: открытые курсы, подкасты, ёмкие конспекты и плейлисты YouTube.

Как вы уже наверняка знаете, React — это JavaScript-библиотека для создания пользовательских интерфейсов, которая разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.

Русскоязычная версия официального сайта React

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

Видеокурсы

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

Руководство для начинающих

Руководство для новичков в React

Руководство для начинающих egghead.io – обширный курс из 30 уроков по React, который научит всему, что следует знать для использования библиотеки в развертывании веб-приложений.

Learn React

Learn React

Learn React – еще один отличный курс из 58 уроков, более углубленно охватывающих широкий спектр тем по React. На сайте разработана крутая платформа со встроенным редактором, который позволяет играться с кодом во время просмотра видео.

FreeCodeCamp

FreeCodeCamp

Список учебных ресурсов не был бы полным без FreeCodeCamp – одной из крупнейших платформ для изучения кода с тысячами статей, руководств и учебных пособий. По приведенной ссылке курс по фронтенду с React.

YouTube-курсы

В нашей подборке 70 YouTube-каналов для фронтенд-разработчика есть много материалов по React:

Шпаргалки

Шпаргалка по React

React.js Cheatsheet

React.js Cheatsheetсборник готового кода по множеству тем: компонентам, свойствам, хукам, работе с узлами DOM и т. д.

React Cheat Sheet

React Cheat Sheet

Если вам не пришелся по душе первый вариант, посмотрите на React Cheat Sheet – это шпаргалка с фильтром по имени, примерами и ссылками на документацию.

Шпаргалка по паттернам React

Фрагмент страницы React Patterns

React Patterns – упорядоченный список ясных кратких шаблонов. Можно оформить подписку и получать новые описания шаблонов React и советов на почту.

Подкасты о React

React Podcast

React подкасты

Англоязычный подкаст подойдет тем пользователям React, которые хотят совместить изучение чего-то нового с практикой восприятия английской речи на слух. Хотя подкаст React Podcast и не является учебным ресурсом, он поможет понять React и экосистему WebDev и получить представление о практиках разработки.

Пятиминутка React

Пятиминутка React

Подкаст 5minreact.ru посвящен не только React, но и различным смежным технологиям и конференциям. Но на странице легко найти темы, посвященные только React. Подкаст ведется с ноября 2016 г., выпущено 65 записей. Кроме видео автор иногда записывает и скринксты.

Блоги

Dev.to

Блог dev.to

Dev.toместо с дружественной атмосферой, куда заходят разработчики для обсуждения новинок и общения. Погружаясь в тему, используйте тег #react. Там уже есть тонна статей, туториалов и обсуждений, которые каждый день пополняются новыми материалами.

Overreacted.io

Личный блог Дэна Абрамова

Overreacted.io – личный блог Дэна Абрамова, одного из главных разработчиков React и соавтора Redux. Отличный блог для тех, кто уже в теме. Здесь вы найдете массу интересного о React и его внутренней структуре.

React Resources

React Resources

React Resourcesпортал, занимающийся сбором информации о React из разных источников со всего веба. Материал может быть не особо современным и качественным, но вы можете быть уверены, что найдете здесь практически всё, что было когда-либо опубликовано о React.

Заключение

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

Больше полезной информации вы найдете на нашем телеграм-канале «Библиотека фронтендера».

Источники

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ