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

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

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

6 лучших ресурсов для изучения React

1. React — Полное руководство: академический разум

Это платный курс Udemy, где вы узнаете все, что нужно знать о React. В нем более 45 часов контента, и недавно он получил большое обновление.

Вы изучите основы React, хуки, Redux, Typescript, Next js и многое другое. В нем есть несколько примеров и практических проектов, чтобы вы могли применить свои знания.

Этот курс — это то, что я использовал для изучения React, и я действительно считаю, что это один из самых полных и глубоких ресурсов. Он часто поступает в продажу, где вы можете найти его всего за 10 долларов.

2. Изучите React: Codecademy

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

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

Большинство их курсов бесплатны, но если вы хотите больше, вы можете получить их план Pro за 23,99 доллара в месяц. Это дает вам доступ ко всем их курсам и сертификатам.

3. Полное руководство по Modern React: Net Ninja

Full Modern React — это бесплатный курс на YouTube, который охватывает все основы React. В нем шаг за шагом показано, как настроить приложение React, а также рекомендации по созданию компонентов и добавлению стилей.

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

Это руководство длится около 4 часов и разделено на небольшие разделы, чтобы вам было легко следовать.

4. Руководство по React для начинающих: Egghead.io

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

Он также научит вас управлять состоянием с помощью хуков и создавать динамические формы. В конце концов, вы развернете приложение в Netlify, который является одним из лучших сервисов.

Это руководство абсолютно бесплатное и длится около 2,5 часов.

5. Создай свой собственный React: Родриго Помбо

В этой статье Родриго Помбо объясняет, как работает React внутри. Он показывает, как React превращает JSX в Javascript и отображает его в DOM.

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

Я не рекомендую его новичкам, но если у вас возникли проблемы с пониманием чего-то конкретного в React, я уверен, что он вам поможет.

6. Документация по бета-тестированию React

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

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

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

Заключение

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

Если вам просто нужно краткое введение, которое научит вас основам React, чтобы вы запачкали руки, вам следует воспользоваться Полным современным учебником по React или Руководством по React для начинающих.

Хотите узнать все, что нужно знать о React, за один курс? Тогда React — Полное руководство — лучший вариант. Если вам нравятся интерактивные редакторы, с которыми вы можете играть в режиме реального времени, проверьте Learn React и React Beta Docs.

Наконец, если вы уже знакомы с основами и не можете понять состояние или то, как React работает под капотом, взгляните на Создайте свой собственный React.

Спасибо за чтение, следуйте за мной для большего количества контента, подобного этому.

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.