Size: a a a

2021 January 13

IL

Ihor Levchenko in Frontend UA
https://2020.stateofjs.com/en-US/ зарелизили )
источник

D

Dmytraw in Frontend UA
всім привіт)

є досить "стандартна" таска: бекенд віддає аксес та рефреш токени. як зробити так, щоби сесія оновлювалася (тобто якщо помирає аксестокен, то автоматично відправляється рефреш токен)? я юзаю нативнвий fetch, в принципи не проти юзати axios
источник

IM

Igor Machuzhak in Frontend UA
Гуглити не пробував? У axios це робиться через інтерсептори. Для fetch треба буде написати свій врапер
источник

RZ

Ruslan Zaytsev in Frontend UA
Dmytraw
всім привіт)

є досить "стандартна" таска: бекенд віддає аксес та рефреш токени. як зробити так, щоби сесія оновлювалася (тобто якщо помирає аксестокен, то автоматично відправляється рефреш токен)? я юзаю нативнвий fetch, в принципи не проти юзати axios
в axios можна написати interceptor, котрий буде опрацьовувати подібний випадок. interceptor це щось на зразок middleware, котрий буде виконуватися для перед запитом чи одразу після відповіді. ЇХ може бути декілька
источник

D

Dmytraw in Frontend UA
намагався гуглити. але я тугенький і не зміг зрозуміти куди там що))
источник

D

Dmytraw in Frontend UA
якщо не складно, поділіться кодом por favor
источник

RZ

Ruslan Zaytsev in Frontend UA
export const responsePaththrough = (resp: AxiosResponse): AxiosResponse | Promise<AxiosResponse> =>
 resp;


export const unauthorizedErrorHandler = (error: ErrorResponse): void => {
 if (error?.response?.status === UNAUTHORIZED) {
   logout();
 }

 throw error;
};

axios.interceptors.response.use(responsePaththrough, unauthorizedErrorHandler);
источник

KY

Kyrylo Yakovenko • 𝟰... in Frontend UA
Igor Machuzhak
Гуглити не пробував? У axios це робиться через інтерсептори. Для fetch треба буде написати свій врапер
бро, релакс
источник

RZ

Ruslan Zaytsev in Frontend UA
далі можна розвинути ідею
источник

D

Dmytraw in Frontend UA
Ruslan Zaytsev
export const responsePaththrough = (resp: AxiosResponse): AxiosResponse | Promise<AxiosResponse> =>
 resp;


export const unauthorizedErrorHandler = (error: ErrorResponse): void => {
 if (error?.response?.status === UNAUTHORIZED) {
   logout();
 }

 throw error;
};

axios.interceptors.response.use(responsePaththrough, unauthorizedErrorHandler);
дякую)
источник

IM

Igor Machuzhak in Frontend UA
Dmytraw
якщо не складно, поділіться кодом por favor
источник

D

Dmytraw in Frontend UA
👍
источник

DB

Dmytro Bezsinnyi in Frontend UA
Всім привіт. Треба заюзати Angular JS пакет в React проекті 😀 топовий старт, знаю. Але ж в JS взагалі немає нічого неможливого. Дивлюсь в сторону web-components, але ж все одно доведеться збирати ng частину окремо з усіма залежностями і потім дописувати інтерфейс взаємодії через web-components API. Хтось таке збочення робив? Буду вдячний за будь-яку інфу чи кращу ідею.
источник

SS

Serhey Shmyg in Frontend UA
Опиши проблему, навіщо таке взагалі робити?
источник

Вт

Ві тя in Frontend UA
Dmytro Bezsinnyi
Всім привіт. Треба заюзати Angular JS пакет в React проекті 😀 топовий старт, знаю. Але ж в JS взагалі немає нічого неможливого. Дивлюсь в сторону web-components, але ж все одно доведеться збирати ng частину окремо з усіма залежностями і потім дописувати інтерфейс взаємодії через web-components API. Хтось таке збочення робив? Буду вдячний за будь-яку інфу чи кращу ідею.
Читай в сторону мікрофронтендів
источник

Вт

Ві тя in Frontend UA
Простіше буде переписати пакет під реакт
источник

DB

Dima Bildin in Frontend UA
Ві тя
Простіше буде переписати пакет під реакт
Ты же не знаешь, какого размера там пакет)
источник

DB

Dmytro Bezsinnyi in Frontend UA
Та як завжди, взялися писати новий UI. "Тре прев'ю, там є пакет, який все сам робить, якщо що, він невеликий, перепишемо швиденько". А там ще 5 залежностей теж на Angular. По суті є сервіс метод якого щось там малює в iframe і ліпить його в DOM. Виглядає не складно. Але як цей сервіс завести в React проекті - те ще запитання.
источник

DB

Dima Bildin in Frontend UA
Dmytro Bezsinnyi
Всім привіт. Треба заюзати Angular JS пакет в React проекті 😀 топовий старт, знаю. Але ж в JS взагалі немає нічого неможливого. Дивлюсь в сторону web-components, але ж все одно доведеться збирати ng частину окремо з усіма залежностями і потім дописувати інтерфейс взаємодії через web-components API. Хтось таке збочення робив? Буду вдячний за будь-яку інфу чи кращу ідею.
Что приходит в голову это где-то в cdu делать твой angular bootstrap и scu false или правильно обрабатывать
источник

DB

Dmytro Bezsinnyi in Frontend UA
Переписати, однозначно найлогічніший варік, цікаво, чи є інші
источник