Руководство по переходу с react-redux v5 на v8

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

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

С документом я вижу это для v6:

Параметр withRef для подключения был заменен на forwardRef. Если для подключения было передано {forwardRef: true}, добавление ссылки к подключенному компоненту-оболочке фактически вернет экземпляр обернутого компонента.

Передача хранилища в качестве реквизита подключенному компоненту больше не поддерживается. Вместо этого вы можете передать свойство context = {MyContext} как для , так и для . Вы также можете передать {context : MyContext} в качестве опции для подключения

Док v6 Док v7

Вы думаете о чем-нибудь еще и побочных эффектах? Принимаю все советы 😉

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
87
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Для большинства пользователей путь миграции тривиален:

npm i react-redux@latest

Сделанный! :)

Публичный API не претерпел существенных изменений с версии v4.

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

Больше беспокойства вызывает то, что вы используете другие библиотеки, которые обращаются к внутренним компонентам React-Redux, например, доступ к устаревшему значению this.context.store. Примерами этого были более ранние версии redux-form и connected-react-router. В этом случае обновите их до последней версии.

Кроме того: хотя на самом деле это не связано с обновлением React-Redux, мы также настоятельно рекомендуем вам начать обновление вашей логики Redux, чтобы вместо этого использовать наш официальный пакет Redux Toolkit, который значительно упростит и упростит работу:

Другие вопросы по теме

Визуализировать элементы из массива объектов, используя другой массив с идентификаторами: ошибка ts и рекомендации
Попытка переключить логическое значение Redux нажатием кнопки, однако переключение работает только в первый раз, и я не уверен, почему
Redux Saga: аргумент типа «строка» не может быть назначен параметру типа «TakeableChannel <неизвестно>»
Запрос передачи Redux-saga и параметры для тела POST
Получить постоянный accessToken Redux-Persists в файле определения API запросов RTK — хранить регидратацию, отличную от уровня компонентов
В React и Redux, какой наиболее эффективный способ сопоставления идентификатора элемента, на который ссылается форма нормализованного состояния?
Набор инструментов React-redux: невозможно установить новое состояние при передаче редуктора в качестве реквизита другой функции
Изменение состояния с условием в Redux Slice
Обновления медленные с Redux
RTK Query и Mutation последовательно