⚛️ 12 бесплатных ресурсов для изучения React
React – одна из самых популярных JavaScript-библиотек для разработки пользовательских интерфейсов. В этой статье вы найдете подборку бесплатных ресурсов о React: открытые курсы, подкасты, ёмкие конспекты и плейлисты YouTube.
Как вы уже наверняка знаете, React — это JavaScript-библиотека для создания пользовательских интерфейсов, которая разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.
Предсказуемо, но самым актуальным и надежным источником информации для изучения библиотеки является официальный хелп. Он очень удобен и у него есть переводная версия. Помимо справочника по API, сайт предлагает руководство по быстрому старту, подробное учебное пособие и дополнительные мануалы для более продвинутых функций.
Видеокурсы
Если текстовому формату вы предпочитаете визуальный, существует множество высококачественных и даже интерактивных курсов React, которые вы можете использовать для начала своего путешествия.
Руководство для начинающих
Руководство для начинающих egghead.io – обширный курс из 30 уроков по React, который научит всему, что следует знать для использования библиотеки в развертывании веб-приложений.
Learn React
Learn React – еще один отличный курс из 58 уроков, более углубленно охватывающих широкий спектр тем по React. На сайте разработана крутая платформа со встроенным редактором, который позволяет играться с кодом во время просмотра видео.
FreeCodeCamp
Список учебных ресурсов не был бы полным без FreeCodeCamp – одной из крупнейших платформ для изучения кода с тысячами статей, руководств и учебных пособий. По приведенной ссылке курс по фронтенду с React.
YouTube-курсы
В нашей подборке 70 YouTube-каналов для фронтенд-разработчика есть много материалов по React:
- Прекрасный курс ReactJS – Путь Самурая (100 уроков по 20-40 минут)
- Основы: 7 уроков от WebForMySelf или 9 уроков от Web Developr Blog
- 7 уроков по React 16 и Redux на канале CodeDojo
- 13 видео о компонентах React на канале webDev
- Плейлисты по React и Redux на канале Monster Lessons
- Интенсив на Skill Branch по Node.js & React.js
- Лайвстримы по React-Redux от CSSSR.School
Шпаргалки
Шпаргалка по React
React.js Cheatsheet – сборник готового кода по множеству тем: компонентам, свойствам, хукам, работе с узлами DOM и т. д.
React Cheat Sheet
Если вам не пришелся по душе первый вариант, посмотрите на React Cheat Sheet – это шпаргалка с фильтром по имени, примерами и ссылками на документацию.
Шпаргалка по паттернам React
React Patterns – упорядоченный список ясных кратких шаблонов. Можно оформить подписку и получать новые описания шаблонов React и советов на почту.
Подкасты о React
React Podcast
Англоязычный подкаст подойдет тем пользователям React, которые хотят совместить изучение чего-то нового с практикой восприятия английской речи на слух. Хотя подкаст React Podcast и не является учебным ресурсом, он поможет понять React и экосистему WebDev и получить представление о практиках разработки.
Пятиминутка React
Подкаст 5minreact.ru посвящен не только React, но и различным смежным технологиям и конференциям. Но на странице легко найти темы, посвященные только React. Подкаст ведется с ноября 2016 г., выпущено 65 записей. Кроме видео автор иногда записывает и скринксты.
Блоги
Dev.to
Dev.to – место с
дружественной атмосферой, куда заходят разработчики для обсуждения новинок и
общения. Погружаясь в тему, используйте тег #react. Там уже есть тонна статей, туториалов
и обсуждений, которые каждый день пополняются новыми материалами.
Overreacted.io
Overreacted.io – личный блог Дэна Абрамова, одного из главных разработчиков React и соавтора Redux. Отличный блог для тех, кто уже в теме. Здесь вы найдете массу интересного о React и его внутренней структуре.
React Resources
React Resources – портал, занимающийся сбором информации о React из разных источников со всего веба. Материал может быть не особо современным и качественным, но вы можете быть уверены, что найдете здесь практически всё, что было когда-либо опубликовано о React.
Заключение
Надеемся, подборка поможет вам выбрать самый эффективный способ освоения этой замечательной библиотеки. Вот ещё несколько наших статей о React:
- React Developer и его путь развития
- Настольный справочник по базовым принципам React
- Чтобы React «заиграл»: 8 инструментов разработки
- Большая подборка материалов для изучения React