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

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

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

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

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

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

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

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

Learn React

Learn ReactLearn React

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

FreeCodeCamp

FreeCodeCampFreeCodeCamp

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

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

  • Прекрасный курс ReactJS – Путь Самурая (100 уроков по 20-40 минут)
  • Основы: 7 уроков от WebForMySelf или 9 уроков от Web Developr Blog на канале CodeDojo на канале webDev
  • Плейлисты по React и Redux на канале Monster Lessons
  • Интенсив на Skill Branch по Node.js & React.js
    от CSSSR.School

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

React.js CheatsheetReact.js Cheatsheet

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

React Cheat Sheet

React Cheat SheetReact Cheat Sheet

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

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

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

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

React Podcast

React подкастыReact подкасты

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

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

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

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

Dev.to

Блог dev.toБлог dev.to

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

Overreacted.io

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

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

React Resources

React ResourcesReact Resources

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

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

Вы пропустили

AEGIS Algorithms Android Angular Apache Airflow Apache Druid Apache Flink Apache Spark API API Canvas AppSec Architecture Artificial Intelligence Astro Authentication Authorization AutoGPT AWS AWS Aurora AWS Boto3 AWS EC2 AWS Lambda Azure Babylon.js Backend bash Beautiful Soup Bento UI Big Data Binary Tree Browser API Bun Career Cassandra Charts ChatGPT Chrome Extension Clean Code CLI ClickHouse Coding Codux Combine Compose Computer Context Fusion Copilot Cosmo Route CProgramming cron Cryptography CSS CTF Cypress DALL-E Data Analysis Data science Database dbt dbt Cloud deno Design Design Patterns Detekt Development Distributed Systems Django Docker Docker Hub Drizzle DRY DuckDB Express FastAPI Flask Flutter For Beginners Front End Development Game Development GCN GCP Geospatial Git GitHub Actions GitHub Pages Gitlab GMS GoFr Golang Google Google Sheets Google Wire GPT-3 GPT3 Gradio Gradle Grafana Graphic Design GraphQL gRPC Guidance HMS Hotwire HTML Huawei HuggingFace IndexedDB InfoSec Interview iOS Jackknife Java JavaScript Jetpack Compose JSON Kafka Kotlin Kubernetes LangChain Laravel Linux LlaMA LLM localStorage Logging Machine Learning Magento Math Mermaid Micro Frontends Mobile Mobile App Development mondayDB MongoDB Mongoose MySQL Naming NestJS NET NetMock Networks NextJS NLP Node.js Nodejs NoSQL NPM OOP OpenAI OTP Pandas PDF PHP Playwright Plotly Polars PostgreSQL Prefect Productivity Programming Prometheus Puppeteer Pushover Python Pytorch Quarkus Rabbitmq RAG Ramda Raspberry Pi React React Native Reactor Redis REST API Revolut Riverpod RProgramming Ruby Ruby on Rails Rust Scalene SCDB ScyllaDB Selenium Servers Sklearn SLO SnowFlake Snowkase Software Architecture Software Development Solara Solid Spring Boot SQL SQLite Streamlit SudoLang Supabase Swift SwiftUI Tailwind CSS Taipy Terraform Testing Transformers TURN TypeScript Ubuntu UI Design Unix UX UX Design Vim Vite VSCode Vue Web Architecture Web Components Web Development Web Frameworks Web Scraping Web-разработка Webassembly Websocket Whisper Widgets WordPress YAML YouTube Zed Наука о данных Разное Тренды

Как исследовать и визуализировать данные МО для обнаружения объектов на изображениях