можешь положить переменную "токен проверен" в свой любимый стейт менеджер, потом в аппе сделать запрос, который потом поменяет эту переменную, а пока не поменяли — прелоудер

да вот так тоже думал, но чет не то кажется

а поскольку у нас комьнити дривен разработка в последнее время — то придется поделиться

поддерживаю, делитесь господа )

если ты говоришь теплее, значит, знаешь способ лучше

ну я для организации жизненного цикла приложения типа while { isAuth ? showApp : loginScreen initApp wait for logout } ничего лучше saga предложить не могу

ну я для организации жизненного цикла приложения типа while { isAuth ? showApp : loginScreen initApp wait for logout } ничего лучше saga предложить не могу

это ровно то, что я сказал)

сага — это конкретный пример просто "поменять переменную в любимом стейт менеджере"

чета я сам запутался… и так, еще раз )) проблема: 1) юзер заходит на сайт 2) у юзера в куках/localStorage хранится истекший токен 3) выполняется асинхронный запрос на /api/profiles/me 4) выполняется асинхронный запрос на /api/items 5) к этому времени обрабатываю респонс от /api/profiles/me и стираю токен из хранилища 6) получаю 401 ошибку от /api/items нужно сделать так, чтобы в 4 шаге не отправлялся токен, а 5 шаг переместился на место 4.

Хэй, мне кажется, факап на п. 2.) Не надо допускать хранения истекшего токена на фронте и всё ок)

Ну, просто не допускаем рассинхрона в лайфтаймах токенов на беке и фронте и всё найс

Не?

значит до тех пор пока стейт не обновится, прелоадер, а стейт поменять в promise в userActions.get().then() и значит я тупо блочу весь контент пока не выполнится тот заветный реквест

значит до тех пор пока стейт не обновится, прелоадер, а стейт поменять в promise в userActions.get().then() и значит я тупо блочу весь контент пока не выполнится тот заветный реквест

Только не делай ReactDom.render

Только не делай ReactDom.render

? естессно))

спасибо, буду пробовать...

Только не делай ReactDom.render

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

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

Протектед роуты не ?

не

роуты одни

вернее на рассмотрении один роут - /

вернее на рассмотрении один роут - /

т.е. ты роутером вообще не будешь пользоваться в приложении?

все через стейты?

т.е. ты роутером вообще не будешь пользоваться в приложении?

конечно буду, юзаю, но на остальных роутах ситуация схожая

просто в данном случае к роуту есть доступ и у анонима, и у авторизованного

конечно буду, юзаю, но на остальных роутах ситуация схожая

То есть ты для каждого роута такую логику пишешь ?

То есть ты для каждого роута такую логику пишешь ?

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

Доброго вечера, ребят. Помогите пожалуйста решить проблему: есть массив, мне нужно его фильтровать по нескольким параметрам, по одному все збс, а как сделать фильтрацию по нескольким ?

Доброго вечера, ребят. Помогите пожалуйста решить проблему: есть массив, мне нужно его фильтровать по нескольким параметрам, по одному все збс, а как сделать фильтрацию по нескольким ?

&&

&&

Не понял. Например если я отфильтровал уже по одному параметру, то мне по другому параметру нужно будет фильтровать уже оставшийся массив. Через && думаю не прокатит

Не понял. Например если я отфильтровал уже по одному параметру, то мне по другому параметру нужно будет фильтровать уже оставшийся массив. Через && думаю не прокатит

Сделай в условии 2 параметры if first && second

Сделай в условии 2 параметры if first && second

Спасибо

Тогда получается ещё надо делать if second &&?

arr.filter(x => cond1(x) && cond2(x))

arr.filter(x => cond1(x) && cond2(x))

Спасибо , я попробую, если что ещё спрошу

Нубочат на выезде

Парни, как сделать withRouter, но не с компонентом, а с функцией? Роутер где-то болтается на каком-то, может, глобальном уровне?

обернуть функцию в визроутер не дало результата?

Ща попробую, но куда прокинется роутер тогда?

вот тут уже не помню, давно не юзал

Нубочат на выезде

зато в vue чатике сегодня бомонд собрался

Ilya Klimov который по flow видосы наделал вещал сегодня

https://www.youtube.com/watch?v=9_GwX9O6DFE&list=PLvTBThJr861zvILAjREUakZ6E5l7h7lsZ

> Почему вы должны выбрать Flow, а не TypeScript tldr потому что работаете в фейсбуке и вас заставляют. или держат в заложниках

подскажите как в styled-components расширять стили компонента. Если бы бы styled-components не было, то я бы просто передавал className как пропс

styled(Component)``

https://codesandbox.io/s/1yv05qyx3l

А у меня в Хроме как только после @ начинаю вводить первый символ Латиницей, после @ добавляет xn— и что там в зависимости какой первый символ. А курсор кидает в начало строки. это увсех так? В FF с атрибутом lang работает норм

styled(Component)``

Я так пробовал, 0 рекции.

Я так пробовал, 0 рекции.

покажи полностью код

https://gist.github.com/shashkovdanil/e263e23e8deb65d5f21d5bb563429980

Так не работает

https://gist.github.com/shashkovdanil/e263e23e8deb65d5f21d5bb563429980#gistcomment-2718233 Вот так работает. Но это не то, что мне нужно

https://gist.github.com/shashkovdanil/e263e23e8deb65d5f21d5bb563429980#gistcomment-2718233 Вот так работает. Но это не то, что мне нужно

.attrs попробуй

https://www.styled-components.com/docs/basics#attaching-additional-props Ты про это?

Всем привет ребята, может быть кто знает какой-то ресурс, где есть задания по реакту?

Всем привет ребята, может быть кто знает какой-то ресурс, где есть задания по реакту?

https://www.patreon.com/posts/obuchaiushchee-21368507

https://www.patreon.com/posts/obuchaiushchee-21368507

Спасибо большое)

Если ещё есть, кидайте, пожалуйста)

Сделать качественный календарь - это задача чуть ли не на синьора

Если ещё есть, кидайте, пожалуйста)

https://github.com/maxfarseer/tz-webinars

Сделать качественный календарь - это задача чуть ли не на синьора

Мой первый опыт в реакте - date-time picker, потому что лид решил, что на хардкоре лучше учится)

https://github.com/maxfarseer/tz-webinars

Благодарю)

Сделать качественный календарь - это задача чуть ли не на синьора

Тут без чуть ли

Сделать качественный календарь - это задача чуть ли не на синьора

надо привыкать ставить перед собой амбициозные задачи :))))

лол... я календарь еще в школе на БК-0010-01 делал

на ассемблере :)

надо привыкать ставить перед собой амбициозные задачи :))))

Я тут недавно решил сделать"доступныю" модалку, по дороге перерыл половину спек и кода популярных реп. Суммарно так скажу - всем еще есть куда расти и улучшать, либы, в среднем, на посредственном уровне (смотрел нативные и для vue). Вот в октябре нужно запулреквестить в одну либку...

а что там с модалками сложного?

ERROR: S client not available

втыкаешь в боди свой тег и кладешь на всех большой и толстый

а что там с модалками сложного?

доступность и ssr основные проблемы

при закрытии модалки , удаляешь тэг из дом :)

доступность и ssr основные проблемы

скролл еще

доступность и ssr основные проблемы

модалка в ssr?

модалка в ssr?

да и такое бывает

Например, когда форма логина в модалке

Например, когда форма логина в модалке

а есть ли смысл в модальном окошке логина?

по мне так ни физического, юни логического смысла нет

Т.е. ты будешь пользователя на отдельную страницу перекидывать?

Т.е. ты будешь пользователя на отдельную страницу перекидывать?

нет

скорее всего я ему покажу только компонент с формой логина

где? в чем покажешь?

если это будет по другому урлу, ну значит по другому урлу

где? в чем покажешь?

ну как в чем Артем? :))

<App> {isAuth ? <MainPage /> : <LoginScreen /> } </App> если упрощенно

Есть, например, кейс: пользователь в каком-то сложном конфигураторе, дошел до кнопки "сохранить", но он не авторизован: ему предлагается авторизоваться в модалке - все просто. Если перебросить его на отдельную страницу для авторизации, в независимости сохранились ли его введенные данные или нет, он испытает дискомфорт потому что автоматически забеспокоится что его данные потерялись и их нужно будет вводить заного. Т.е. о том что они и так сохранились в твоем сторе он узнает только после того как (вернулся на конфигуратор после логина) уже забеспокоился

UX кароч

UX кароч

нормальный UI не должен допускать такой ситуации

Есть, например, кейс: пользователь в каком-то сложном конфигураторе, дошел до кнопки "сохранить", но он не авторизован: ему предлагается авторизоваться в модалке - все просто. Если перебросить его на отдельную страницу для авторизации, в независимости сохранились ли его введенные данные или нет, он испытает дискомфорт потому что автоматически забеспокоится что его данные потерялись и их нужно будет вводить заного. Т.е. о том что они и так сохранились в твоем сторе он узнает только после того как (вернулся на конфигуратор после логина) уже забеспокоился

У меня точно такой кейс реализован. Просто следующий шаг (кнопка сохранить/whatever) рендерится по условию isUser ? <Login> : <NextStep>

если пользователь имеет риск потерять свой труд, то лучше сразу предложить ему залогиниться

нормальный UI не должен допускать такой ситуации

я тебе рассказал как не допускать - модалка. А пустить пользователя к конфигуратору до авторизации - это норм

если пользователь имеет риск потерять свой труд, то лучше сразу предложить ему залогиниться

Поэтому этот шаг в начале формы должен быть

Модалки же неудобные для всех

Я ни в одном современном приложении не вижу модалок и мне это нравится

@artalar кроме того твою модалку легко снести удалив в хроме весь этот элемент :))

Я ни в одном современном приложении не вижу модалок и мне это нравится

твиттер - первая наносекунда мысли

@artalar кроме того твою модалку легко снести удалив в хроме весь этот элемент :))

шо? Вообще не понял

правой кнопкой по модалке тычишь, открываешь инспектор, удаляешь модалку на хрен :)))

твиттер - первая наносекунда мысли

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

Как то не отношу твитер к множеству современных приложений)