Начало работы с React и Redux

Redux — это контейнер с предсказуемым состоянием для приложений JavaScript.

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

Вы можете использовать Redux вместе с React или с любой другой библиотекой просмотра. Он крошечный (2 КБ, включая зависимости), но имеет большую экосистему доступных дополнений.

Установка

Редукс Инструментарий

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

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

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

Redux Toolkit доступен в виде пакета на NPM для использования с сборщиком модулей или в приложении Node:

# НПМ

npm установить @reduxjs/toolkit

# Пряжа

пряжа добавить @reduxjs/toolkit

Создайте приложение React Redux

Рекомендуемый способ запуска новых приложений с помощью React и Redux — использование официального шаблона Redux + JS для Создать приложение React, в котором используются преимущества Redux Toolkit и интеграция React Redux с компонентами React.

npx create-реагировать-приложение my-app — сокращение шаблона

Редукс ядро

Базовая библиотека Redux доступна в виде пакета на NPM для использования с сборщиком модулей или в приложении Node:

# НПМ

npm установить избыточность

# Пряжа

пряжа добавить избыток

Он также доступен в виде предварительно скомпилированного пакета UMD, который определяет глобальную переменную window.Redux. Пакет UMD можно использовать напрямую как тег <script>.

Подробнее читайте на странице Установка.

Следите за моими учебными занятиями, чтобы узнать больше о React и Redux