7 лучших бесплатных учебных пособий для изучения React и создания веб-приложений

Прямо сейчас, не только React на пике своей популярности, но и его популярность ускоряется. Что касается веб-разработки на JavaScript

React — это одна из самых простых в освоении сред и одна из самых эффективных для быстрого и надежного развития.

Так что, если вы решили изучить это, похлопайте себя по спине: вы сделали правильный выбор.

Единственная проблема заключается в том, что большинство достойных курсов React стоят дорого. Например, популярный курс React for Beginners составляет 89 долларов США (начальная версия) и 127 долларов США (основная версия). Бесплатные курсы редко бывают настолько всеобъемлющими и полезными, но мы нашли несколько отличных, которые помогут вам начать с правильной ноги

,

1. Реактивный курс Основы обучения

7 лучших бесплатных учебных пособий для изучения React и создания веб-приложений реагируют на основы учебного курса

Тайлер МакГиннис — известный разработчик и инструктор React, который уже много лет преподает и пишет о React. В настоящее время у него есть четыре курса по React Training, первый из которых совершенно бесплатный и служит отправной точкой для остальных.

Реагировать Основы разделен на 32 видео урока, которые составляют до трех часов обучения. Вы изучите все, что нужно для запуска и запуска базового приложения React (например, экосистему React, NPM, Babel и Webpack), основные концепции и жизненный цикл, которые определяют приложения React, как правильно писать компоненты и как передавать данные вокруг.

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

Веб-сайт — Курс по основам React

2. Взлом с помощью реакции

7 лучших бесплатных учебников для обучения реагированию и заставить веб-приложения реагировать на учебники по взлому электронных книг

Взлом с помощью React это полностью бесплатная электронная книга, если вы читаете только веб-версию. Вы можете получить загружаемую версию PDF, EPUB или MOBI за 10 долларов, если вы предпочитаете брать ее с собой и учиться в автономном режиме. В любом случае, это отличный ресурс для начинающих, которые не любят видео.

Он начинается с самого начала, объясняет основные понятия, такие как JSX, компоненты и реквизиты, и держит вас за руку, переходя к промежуточным темам, таким как состояния, маршрутизация, тесты, связывание и многое другое. Он написан на ES6, начинайте заканчивать, и вы изучите лучшие практики, включая Babel, Webpack и ESLint.

Это сделает вас экспертом React? Нет, но это поможет вам чувствовать себя уверенно и продолжать учиться. По крайней мере, вы будете знать более чем достаточно React, чтобы решить, стоит ли тратить деньги на продвинутый премиум-курс в другом месте.

Веб-сайт — Взлом с помощью React

3. Официальный учебник Реакт

7 лучших бесплатных учебных пособий для обучения реагированию и заставить веб-приложения реагировать на официальную документацию учебника

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

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

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

Веб-сайт — Официальный учебник React и мышление в действии

4. Основы реагирования Egghead

7 лучших бесплатных учебных пособий по обучению React и созданию веб-приложений реагировать на учебные курсы

Эрудит предлагает десятки курсов (сотни уроков) по различным темам веб-разработки: JavaScript, Angular, React, RxJS, Node, TypeScript и т. д. React является третьей по величине темой на сайте, и хотя большинство курсов предназначены для пользователей премиум-класса, Есть пять доступных бесплатно:

  • Начните использовать React для создания веб-приложений
  • Добавление маршрутизации в приложения React с использованием React Router v4
  • Начало работы с Redux
  • Создание React-приложений с помощью идиоматического Redux
  • Управление сложным состоянием в приложениях React с MobX

Первые два являются наиболее важными, но вы, вероятно, захотите взять их все в какой-то момент (оптимально в указанном порядке). Курсы предполагают, что вы уже знаете JavaScript, поэтому ознакомьтесь с курсами JavaScript от Egghead, если вы еще не знакомы с языком

,

Обратите внимание, что премиальные курсы тоже довольно хороши, и их стоит проверить, можете ли вы позволить себе подписку Pro: 40 долларов в месяц или 200 долларов в год.

Веб-сайт — Egghead’s React Основы курса

5. Учитесь реагировать и Redux с кабиной

7 лучших бесплатных учебных пособий по обучению React и созданию веб-приложений, реагирующих на учебную социальную сеть

Хотя Redux не является частью ядра React, они так часто используются вместе, что вам действительно стоит изучить его. И даже если вы в конечном итоге отойдете от Redux, вы можете взять эти концепции с собой и применить их ко всему, что вы в конечном итоге используете вместо них.

Салон самолета это серия из 10 частей, которая научит вас создавать упрощенное приложение для социальной сети с нуля: установка Node / React / Webpack, понимание работы React, включение Redux, работа с такими функциями социальной сети, как каналы и уведомления, обработка изображений и фильтры, такие как Instagram, и многое другое.

Последняя часть представляет собой обзор «передового опыта», который не только обучает вас наиболее эффективному способу использования и организации React / Redux, но и распространяет ошибки, которых следует избегать, как разрабатывать масштабируемое приложение и как использовать сторонние инструменты. чтобы облегчить ваш рабочий процесс разработки.

Веб-сайт — Учитесь реагировать и Redux с кабиной

6. Реактивный курс LearnCode Academy

За последние несколько лет, Академия LearnCode зарекомендовал себя как один из лучших программных каналов на YouTube

, Он специализируется на веб-разработке и охватывает все виды тем — от HTML, CSS и JavaScript до конкретных сред, таких как Angular и React. И все это бесплатно.

Курс состоит из трех разделов: восемь видеороликов об основных концепциях React, шесть видеороликов об использовании Flux для архитектуры данных и семь видеороликов об использовании Redux для управления состоянием. Все это делается с использованием современных методов, включая ES6 и Webpack.

Обратите внимание, что это не комплексный курс, и Flux и Redux являются продвинутыми концепциями, которые не являются частью базовой инфраструктуры React, поэтому мы рекомендуем использовать этот курс как способ пересмотра и закрепления концепций, изученных в вышеупомянутых курсах.

Веб-сайт — Реактивный курс Академии LearnCode

7. Конвенция о реагировании

7 лучших бесплатных учебных пособий по обучению React и заставить веб-приложения реагировать

Некоторые программисты предпочитают кодировать по соглашению, то есть придерживаться определенного набора проектных решений («соглашений») от проекта к проекту, чтобы минимизировать сложность и ускорить процесс разработки, особенно на ранней стадии новых проектов. Эта электронная книга предназначена для того, чтобы представить соглашение, которому могут следовать разработчики React.

Однако, прежде чем углубиться в это, вы должны хорошо разбираться в ES6, хорошо разбираться в платформе React и понимать основы Redux. Эта книга не для новичков как таковых. Скорее, это полезно для посредников, которые чувствуют себя перегруженными и не знают, как превратить свои знания React / Redux в веб-приложения с нуля.

Учебное пособие начинается с проекта стартового набора и показывает, как его изменить. Следуя этому соглашению в будущих проектах, вам не нужно тратить время на воссоздание всего.

Веб-сайт — Конвенция о реагировании

Итак, вы научились реагировать: что теперь?

С этими учебными пособиями вы будете более чем достаточно осведомлены, чтобы начать создавать свои собственные веб-приложения с React. На данный момент все, что осталось, это практиковаться, практиковаться, практиковаться. И что особенно здорово, вы можете позже использовать React Native для создания мобильных приложений.

— но не забегай вперед. Оставайтесь с веб-приложениями, пока не почувствуете себя уверенно.

Это будет трудный путь, поэтому мы рекомендуем проверить нашу статью о том, как программировать без стресса

, То, что вы боретесь, не означает, что вы не станете программистом

!

Чтобы узнать больше, посмотрите лучшие курсы, за которые стоит заплатить на Coursera

,

Надеюсь, эти бесплатные уроки помогли! Если вам известны какие-либо другие бесплатные ресурсы React, которые мы пропустили, сообщите нам об этом в комментарии ниже.

Изображение предоставлено: guteksk7 через Shutterstock.com

Ссылка на основную публикацию
Adblock
detector