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

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

ReactJS (или просто React) - популярная библиотека пользовательского интерфейса, разработанная Facebook и впервые опубликованная в мае 2013 года. Она обеспечивает модульный и декларативный подход к созданию пользовательских интерфейсов для веб-приложений. За последние несколько лет он стал очень популярным и является одной из самых популярных библиотек для изучения и использования новыми и будущими разработчиками.

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

• Подключение к API или внешнему источнику данных и получение данных для работы вашего приложения.
• Навигация по вашему приложению на разные страницы или области.
• Управление «состоянием» данных вашего приложения на более высоком уровне (т.е. вне компонентов).

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

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

Вам не обязательно быть гуру программирования или иметь многолетний опыт, поскольку этот курс предназначен для начинающих. Однако вы должны быть знакомы с основами разработки внешнего интерфейса, включая HTML, CSS и JavaScript. Было бы полезно иметь представление об основных концепциях API RESTful и о том, как с ними взаимодействовать, но это не обязательно.

Темы курса

В «Руководстве для начинающих по Real World React» вы присоединитесь ко мне, чтобы глубоко погрузиться в основные концепции React. По мере прохождения этого курса вы узнаете больше о том, как работает React, как вы можете использовать его для создания сложных веб-приложений и как объединить его со сторонними библиотеками и фреймворками, чтобы «соединить точки». Вы получите подробное представление о том, как можно использовать React в реальных условиях.

Часть I

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

В первую вводную часть курса включены следующие модули:

• Модуль 1 - это самое введение.
• Модуль 2 - React JS: введение в React, современную библиотеку пользовательского интерфейса.
• Модуль 3 - Хуки: что это такое и как их использовать.
• Модуль 4 - Получение данных: использование API в вашем коде и популярных вспомогательных библиотек, таких как Axios.
• Модуль 5 - Развертывание вашего первого приложения: использование Netlify для публичного развертывания нашего приложения.

Часть II

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

План второй части курса включает следующие модули:

• Модуль 6 - Мышление в стиле React: структурирование проектов, разбиение функциональности на компоненты.
• Модуль 7 - Глубокое погружение в React Hooks: узнайте, что делает каждый Hook и как их использовать.
• Модуль 8 - Навигация в сложных приложениях: перемещение пользователей по разным областям вашего приложения.
• Модуль 9 - Управление состоянием в сложных приложениях: использование Redux и хуков useReducer для управления состоянием приложения.
• Модуль 10 - Приложение "Поиск динозавров": все вместе, создав собственное приложение.