Как правильно инициализировать приложение написанное на реакте?

Всем привет.

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

Пример:
Есть роутер, к нему присоединяется history модуль, на этот history модуль идёт подписка и отправляются на сервер данные по взаимодействию пользователя со страницей (ака отслеживание куда он переходил и т.п.), а так же, как замена старому, встроенна новая система которая называется piwik (по сути то же самое, только не самописное) с новыми возможностями, так же подписывается на history.

Сейчас в проекте инициализация подписки грубо говоря происходит в index.ts и history передаётся в Router компонент.
Так вот, одной из новых "фишек" этой piwik является то, что можно передать email пользователя и конкретно понимать кто это.
(не вглубляясь в подробности) пользователя мы запрашиваем только когда происходит componentWillMount (или что там), запросом на сервер, в App реакт модуле и пропагируется в стейт и т.п. для дальнейшего использования в разных компонентах апликации.

Так вот, теперь вопрос:

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

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


Как один из теоретических вариантов я вижу, что мы можем создать контекст с history экземпляром в качестве значения и далее написав реакт компонент высшего порядка подписаться на этот стейт и делать отправку данных на сервер и на piwik,
но при этом, если у нас будет "другой" модуль, который будет не только подписываться, а так же расширять возможности history (т.е. нужно сделать history = someEnhancement(history)), то я не очень понимаю как это можно сделать в контексте..
а если выносить эту часть логики, то почему бы не вынести всё?.. вопрос - как правильно и какие паттерны есть?


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

0

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

если нужно передать сохраненный user.email - это работа с сессией (cookies или JWT)

Сообщение от muxahuk1214 Как устроить приложение так, что бы те инициализации библиотек, которые нужны для работы приложения и которые не являются компонентами реакта самими по себе работали вместе с глобальным стейтом и с реакт компонентами, и там где запросы пересекаются их не дублировать?

Всеми любимый принцип DRY: если и новая, и самописная библиотека делают одно и то же, то зачем они обе?

Сообщение от muxahuk1214 нужно сделать history = someEnhancement(history)

а нефиг изменять структуру history, делай чистую функцию:
надеюсь, я правильно понял твои нужды, и что-то из моих советов поможет тебе!

0

Сообщение от shsv382 надеюсь, я правильно понял

нет, не правильно.

0