+, это когда с запросом ты так же хочешь обновить токен что бы держать сессию подольше

🤯

окей, спасибо, попробую.

идеальный вариант, все упростить по макс и на тонкие интерфейсы, если не так сделано будет легче исправить. макс без лишних чувств к коду плез

Кто как выбирает стратегию какой компонент рисовать? Если он зависит от юзер агента - вьюпорта интерфейса пользователя и хотелось бы при ресайзе пересчитывать вьюпорт.
Или это слишком сложно? Блин… лень описывать всю боль выбора

Если не запариваться, можно взять что-то вроде react-responsive

на ssr работает?

а как на SSR ты хочешь viewport?

ну у нас на проекте с некстом есть react-responsive, все норм работает

У нас был синглстон который работал только с авторизацией, и в нем был метод получения токена:

@action.bound
    getToken(forceLoad?: boolean): Promise<ITokenModel> {
        this.logger.grCol('getToken');
        return new Promise((resolve, reject) => {
            if (!forceLoad && !isNil(this.tokenModel)) {
                resolve(this.tokenModel);
                this.logger.debug('from cache');
                this.logger.grEnd();
            } else {
                this.authService
                    .createToken()
                    .then(res => {
                        this.logger.debug('token successful');
                        this.tokenModel = { ...res };
                        this.deferredProlongateToken(res);
                        this.eventChannel.publish(AuthStoreEvents.Token.Received);
                        this.logger.grEnd();
                        resolve(res);
                    })
                    .catch(err => {
                        this.tokenModel = void 0;
                        this.logger.error('token error');
                        this.eventChannel.publish(AuthStoreEvents.Token.ReceiveError);
                        this.logger.grEnd();
                        reject(err);
                    });
            }
        });
    }

само продление реализовано в 3 приватных методо, описывающих интервал и постукивание по рест апи, до получения ответа.

@action.bound
    getToken(forceLoad?: boolean): Promise<ITokenModel> {
        this.logger.grCol('getToken');
        return new Promise((resolve, reject) => {
            if (!forceLoad && !isNil(this.tokenModel)) {
                resolve(this.tokenModel);
                this.logger.debug('from cache');
                this.logger.grEnd();
            } else {
                this.authService
                    .createToken()
                    .then(res => {
                        this.logger.debug('token successful');
                        this.tokenModel = { ...res };
                        this.deferredProlongateToken(res);
                        this.eventChannel.publish(AuthStoreEvents.Token.Received);
                        this.logger.grEnd();
                        resolve(res);
                    })
                    .catch(err => {
                        this.tokenModel = void 0;
                        this.logger.error('token error');
                        this.eventChannel.publish(AuthStoreEvents.Token.ReceiveError);
                        this.logger.grEnd();
                        reject(err);
                    });
            }
        });
    }

выглядит пугающе.

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

вообще, получается, если токен будет в куках, он мне будет сразу приходить? то есть, мне не нужно на клиенте ждать как с локал стором?

ну на сервер же кука не прилетит
на клиент сайде все равно надо с ней работать

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

Куки вообще не нужно отправлять явно, они сами летят в каждом запросе. И вообще лучше запретить к ним доступ с помощью js (поставив флаг httpOnly)

у меня есть бек, на котором всё логика. и авторизации, и апи. мне нужно к нему обратиться просто. как мне отправить запрос без токена?

мне нужно от кук выводить разный контент на ssr (показывать контакты), как это сделать без исп getInitialProps, что бы оставить возможность генерить статику где это возможно?

Так ты определись, куки тебе нужны или jwt токены