Автор оригинала: Srebalaji Thirumalai.
Эй, ребята!
Это руководство для людей, начинающихся с реагирования. Я осторожно ледил лучшие видео и статьи в каждом разделе, чтобы облегчить обучение.
Примечание: Я не связан с любым из веб-сайтов, упомянутых ниже. Это чисто мой взгляд.
Предпосылки
- Базовые знания HTML, CSS и JavaScript.
- Основное понимание функций ES6. Вот мой Статья Объясняя некоторые функции ES6. Чтобы начать, вы должны хотя бы знать следующие функции: 1 Пусть 2 Const 3 Функции стрелки 4 Импорт и экспорт 5 Классы
- Основное понимание того, как использовать NPM Отказ
Начиная
Вы можете использовать онлайн-код для практики, или вы можете использовать Создать ract app Отказ
Я настроил среду разработки в Jsfiddle и в Кодепен Отказ
Чтобы понять все основы реагирования, вы можете начать с следующих учебных пособий:
Реагирование официальной документации реакции
Руководство для начинающих для реагирования Кент C. Dodds
Основы реагирования Саэру Буна
К настоящему времени вы должны иметь основное представление о основах реагирования. Достаточно начать разрабатывать простые веб-приложения в реакции.
Теперь посмотрите на официальное руководство по реагированию:
РЕАКТИВНЫЙ ОФИЦИАЛЬНЫЙ УПРАВЛЕНИЕ реакции
Это хорошо написанная статья, охватывающая основы реагирования. И это также очень четко объясняет конкретные темы.
Последнее, но не менее важное, узнайте, как подключиться к API с API с React Apps:
Получение API с React.js по Итан Джаррелл
Начните строить некоторые проекты
- Простое приложение
- Простое приложение калькулятора
- Построить корзину
- Отображение пользовательской статистики GitHub с помощью API GitHub
Реагнийный маршрутизатор
Реагниальный маршрутизатор помогает вам создавать маршруты на ваши приложения для одной страницы. Это очень мощно и легко в использовании с вашим приложением React.
Для начала:
Учебное пособие на React Reader По Пол Шерман
React Router и Intro в SPA Узнать код академии
Маршрутизация React Apps Scotch.io.
Эти статьи более чем достаточно, чтобы вы начнутся с маршрутизацией RACT.
Проекты
- Простое приложение CRUD
- Hacker News Clone.
Если вы действительно заинтересованы в том, чтобы узнать многое о маршрутизаторе, посмотрите следующее руководство:
React Router Полное руководство по тренировке реагирования
WebPack.
WebPack – это знаменитый JavaScript Module Bundler. WebPack поможет вам поддерживать зависимости как статические файлы для вашего проекта, поэтому разработчики не должны этого делать.
WebPack также поставляется с погрузчиками. Погрузчики помогают запускать определенные задачи по вашему проекту.
Чтобы узнать гораздо больше о WebPack, следуйте следующим руководствам.
Когда и зачем использовать WebPack Эндрю Рэй.
Учебное пособие по WebPack Узнать код академии
Чтобы настроить локальную среду Ract React с помощью WebPack, вы можете обратиться к следующему Repo GitHub:
Реагировать SPA шаблон Ханиф Рошан
Я думаю, что вышеупомянутые учебники достаточно, чтобы начать с WebPack. Однако, чтобы получить более глубокие знания, вы можете обратиться к следующим руководствам:
WebPack Введение выжившей
Официальные документы WebPack
Рендеринг сервера
Рендеринг сервера является одним из самых крутых функций в реакции. Может использоваться с любым из задних технологий.
Сервер бокового рендеринга (SSR) в реагировании помогает вам создавать компоненты на сервере и рендерировать это как HTML в вашем браузере. И когда все модули JavaScript загружаются в браузере, отреагируйте на сцену. Простой!
Прежде всего, взгляните на API React-DOM:
React-DOM API реакции
И следуйте инструкциям ниже, чтобы получить глубокие знания:
Регистрация React Server Тайлером Макгиннисом
Регистрация React Router Rindering По Роилан Салинас
Руководство бокового рендеринга сервера RACT Server По Деннис Броцки
Redux.
Redux – это библиотека JavaScript, разработанная для поддержания состояний приложений. Когда вы строите сложное приложение, он добавит накладные расходы на управление состояниями по компонентам. Redux помогает хранить все ваши состояния в одном источнике. И, конечно же, реагирует хорошо играет с redux:)
Для начала:
Учебник Redux Узнать код академии
Учебник Redux для начинающих Valentino Gagliardi
React Redux по CSS Tricks
Эти учебники более чем достаточно, чтобы начать работу с Redux. Однако я не могу устоять от упоминания ниже учебника ниже. Это стоит того:)
Начало работы с redux Дэна Абрамовым
Ресурсы
Потрясающий реагирование
Если вам нравится статью, не забудьте поделиться этим:)
Оригинал: “https://www.freecodecamp.org/news/learning-react-roadmap-from-scratch-to-advanced-bff7735531b6/”