Перейти к основному содержимому
Неофициальный Бета-перевод

Эта страница переведена PageTurner AI (бета). Не одобрена официально проектом. Нашли ошибку? Сообщить о проблеме →

Установка

Redux Toolkit​

Redux Toolkit включает ядро Redux, а также другие ключевые пакеты, которые мы считаем необходимыми для создания приложений на Redux (такие как Redux Thunk и Reselect).

Он доступен как пакет на NPM для использования с модульным сборщиком или в Node.js приложениях:

# NPM
npm install @reduxjs/toolkit

# Yarn
yarn add @reduxjs/toolkit

Пакет включает предварительно скомпилированную ESM-сборку, которую можно использовать как <script type="module"> прямо в браузере.

Дополнительные пакеты​

React-Redux​

Скорее всего, вам также понадобятся привязки react-redux для работы с React

npm install react-redux

Обратите внимание, что в отличие от самого Redux, многие пакеты экосистемы Redux не предоставляют UMD-сборки, поэтому мы рекомендуем использовать модульные сборщики вроде Vite и Webpack для максимально комфортной разработки.

Расширение Redux DevTools​

configureStore из Redux Toolkit автоматически настраивает интеграцию с Redux DevTools. Для просмотра состояния хранилища и действий вам потребуется установить браузерные расширения:

Если вы используете React, вам также понадобится расширение React DevTools:

Создание React Redux приложения​

Рекомендуемый способ запуска новых приложений с React и Redux - использование официального шаблона Redux+TS для Vite или создание нового Next.js проекта через шаблон Next.js with-redux.

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

# Vite with our Redux+TS template
# (using the `degit` tool to clone and extract the template)
npx degit reduxjs/redux-templates/packages/vite-template-redux my-app

# Next.js using the `with-redux` template
npx create-next-app --example with-redux my-app

У нас пока нет официальных шаблонов для React Native, но мы рекомендуем эти шаблоны для стандартного React Native и Expo:

Ядро Redux​

Чтобы установить только ядро redux:

# NPM
npm install redux

# Yarn
yarn add redux

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