Flux with dynamic reactjs страница

Question

У меня проблема с реализацией потока в моем приложении.

Heres сценарий:

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

Что нам нужно:

Нам нужен FLUX структуру, которая позволяет нам загружать только то, что нам нужно от магазина и избежать ненужной полезной нагрузки.

Я попытался с помощью Redux, но проблемы были:

Во-первых, мы не смогли загрузить все восстановителей сразу, а после нескольких исследований я построил интерфейс, способный погрузочных редукторами по требованию. Но тогда я не мог решить проблему с несколькими экземплярами из компонента, потому что файлу хранилища нужны все предварительно сохраненные состояния:/

Итак, вот вопрос: как я могу архивировать приложение для использования потока с динамическими страницами и несколько экземпляров из компонента? Заранее спасибо.

Answer 1

Ну, после того, как несколько (много) больше исследований и попыток я реализовать решение с использованием React + Flux.Dispatcher + Backbone как предложено здесь:

https://www.toptal.com/front-end/simple-data-flow-in-react-applications-using-flux-and-backbone

==========================

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

Лучший способ реализовать простой поток архитектуры, как описано в:

https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture https://blog.risingstack.com/the-react-js-way-flux-architecture-with-immutable-js/

Подключите компоненты с магазином через декоратор и пойти на это, работает просто величественно.

Надеюсь, это полезно для кого-то.

Answer 2

Я думаю, что то, что вы пытаетесь сделать, называется «ленивой загрузкой». Таким образом, вы просто загрузите компоненты и куски javascript, когда они понадобятся.

Здесь Вы можете найти более подробную информацию о (вам нужно создать несколько комплектов кода с WebPack): https://blog.risingstack.com/react-js-best-practices-for-2016/

я буду нуждаться в этом в проекте в несколько месяцев, но сейчас в нашем MVP нам просто нужно чтобы сделать вещи работать :)