Насколько велика слишком большая для магазина redux?

Question

Итак, я рассматриваю возможность переноса всего нашего объекта перевода в хранилище редуктов, прежде чем увлажнять клиента. Этот объект перевода составляет около 50kb gzipped, а 115kb несжатый.

Весь наш сайт переведен, поэтому этот объект перевода в основном представляет собой нединамическую копию на веб-сайте. Если он был увлажнен клиентом по первоначальному запросу HTTP, он должен обеспечить мгновенный просмотр, по крайней мере, для внутренней копии.

Однако, мне интересно, так ли это, слишком большой для магазина redux?

Answer 1

Вы должны загрузить переводы отдельно. Webpack позволяет разделить код, который может помочь. Или вы можете просто использовать тег скрипта.

Причина для его загрузки отдельно, так что браузер может ее кешировать. Это позволяет загружать его только один раз для каждого пользователя. Так как HTML-страница, созданная React, является динамической, и хранилище, которое вы передаете, также является динамическим, их нельзя кэшировать.

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

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

Answer 2

Я не думаю, что для магазина Redux существует слишком большой размер. Однако он должен содержать только состояние приложения. Объекты перевода должны быть в коде, и вы должны получить к ним доступ через библиотеку i18n. В состоянии должно быть столько поля, которое указывает, какой язык вы должны показывать пользователю.