Медленно внедряем излишний в существующий проект React.js

Question

Я хочу перевести свой проект с простого реагирования на реактивный редукс, я не новичок в React, но новичок в Redux. У меня есть довольно большое веб-приложение, написанное на React, десятки файлов React.js. большинство из них содержат переменные состояния + между ними. включая множество функций запросов Post / Get, реализованных как минимум в половине моих файлов.

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

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

это возможно? есть ли инструмент, который поможет мне сделать это?

Я видел несколько редукционных примеров, где весь рендер app.js был окружен <Provider> </Provider>, значит ли это, что каждый компонент внутри <Provider> браслета не может иметь своего собственного состояния? могу ли я просто оставить свои старые компоненты такими, какие они есть, и поместить новые в <Provider> </Provider>?

Заранее спасибо!

Answer 1

Я видел несколько редукционных примеров, где весь рендер app.js был окружен, означает ли это, что каждый компонент внутри браслета не может иметь своего собственного состояния?

Путь react-reduxработает, выставляя store опору, предоставленную Provider.Чтобы использовать его или извлекать из него данные, вы должны обернуть им свой компонент (не обязательно, но один из родителей должен быть поставщиком).Как правило, в большинстве приложений вы просто оборачиваете все приложение Provider, потому что, по большей части, если вы решили ввести redux в свое приложение, это, вероятно, потому, что всему вашему приложению нужен некоторый магазин.
Использование redux не означает, что компоненты не могут иметь состояния.Существует большая разница между глобальным состоянием - что-то, что должно быть доступно каждому компоненту в вашем приложении (если компонент выбирает его «потреблять»), и состоянием, которое является частным для компонента - например, изменения формы перед отправкой на сервер,

Могу ли я просто сохранить свои старые компоненты такими, какие они есть, и вставить новые?

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

Таким образом, вы можете делать это по одному компоненту за раз, не нарушая существующую логику.