есть компонент (страница 1), который через редакс получает данные: запускает лоадер по GET_ARTICLES_REQUEST, соответственно, по GET_ARTICLES_SUCCESS лоадер пропадает. componentWillReceiveProps(nextProps) { if (nextProps.action === ArticlesActions.GET_ARTICLES_REQUEST) { this.setState({ loaded: false }) } if (nextProps.action === ArticlesActions.GET_ARTICLES_SUCCESS) { this.setState({ loaded: true }) } } есть другая страничка (страница 2), в ней тоже загружаются новости через тот же экшн. Соответственно, при переходе со страницы 1 на страницу 2 срабатывает GET_ARTICLES_REQUEST и пока новая страница не заменила старую вруается лоадер (потом происходит переход на новую страницу). Как наименее костыльно решить этот кейс (при уходе с компонента не давать трогать лоадер)

функция создается на том уровне(в том элементе), куда тебе нужно передавать данные и через пропсы прокидывается до того элемента, откуда

спасибо

есть компонент (страница 1), который через редакс получает данные: запускает лоадер по GET_ARTICLES_REQUEST, соответственно, по GET_ARTICLES_SUCCESS лоадер пропадает. componentWillReceiveProps(nextProps) { if (nextProps.action === ArticlesActions.GET_ARTICLES_REQUEST) { this.setState({ loaded: false }) } if (nextProps.action === ArticlesActions.GET_ARTICLES_SUCCESS) { this.setState({ loaded: true }) } } есть другая страничка (страница 2), в ней тоже загружаются новости через тот же экшн. Соответственно, при переходе со страницы 1 на страницу 2 срабатывает GET_ARTICLES_REQUEST и пока новая страница не заменила старую вруается лоадер (потом происходит переход на новую страницу). Как наименее костыльно решить этот кейс (при уходе с компонента не давать трогать лоадер)

Зачем ты в стеiте эту чепуху хранишь

Зачем ты в стеiте эту чепуху хранишь

в редакс засунуть?

есть компонент (страница 1), который через редакс получает данные: запускает лоадер по GET_ARTICLES_REQUEST, соответственно, по GET_ARTICLES_SUCCESS лоадер пропадает. componentWillReceiveProps(nextProps) { if (nextProps.action === ArticlesActions.GET_ARTICLES_REQUEST) { this.setState({ loaded: false }) } if (nextProps.action === ArticlesActions.GET_ARTICLES_SUCCESS) { this.setState({ loaded: true }) } } есть другая страничка (страница 2), в ней тоже загружаются новости через тот же экшн. Соответственно, при переходе со страницы 1 на страницу 2 срабатывает GET_ARTICLES_REQUEST и пока новая страница не заменила старую вруается лоадер (потом происходит переход на новую страницу). Как наименее костыльно решить этот кейс (при уходе с компонента не давать трогать лоадер)

крикнул

в редакс засунуть?

Флажки da

сенкс

крикнул

Трудно быть сеньором, папуга, да? )

Трудно быть сеньором, папуга, да? )

можно ситком снимать с таким названием

Флажки da

в редакс вынес, но проблема осталась )

крикнул

!ро флуд

Флажки da

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

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

Через пару часов напиши в лс если проблема будет актуальна

пацаны, привет, кто в wix вставлял рекат компонент?

пацаны, привет, кто в wix вставлял рекат компонент?

Ты про конструктор?

Ты про конструктор?

да, wix.com

Какие проблемы с ним?

Типа не знаешь как подключить компонент в то говно которое генерит конструктор?

ну в целом я понял.. я добавил там html компонент, воткул туда html кусок и js бандл от реакта

!ро флуд

все работает .. но сам js на другом сайте .. не могу в wix сам файл js запихать

А то есть он хостится у них на поддомене где то и ты не можешь загрузить туда js бандл?

А работает у тебя локально я так понял

бандл в репозиторий на гитхаб -> в релиз -> jsdelivr.com

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

или хостинг с кросс запросами разрешенными

вот вчера такой ерундой занимался

чтобы свой index.html с реактом запустить

и как сделал?

пришлось react-transition-group через browserify пересобирать

скинул в лз, чтобы не рекламироваться

смари.. там слева добавляю у них в системе упр сайтом свой js .. потом не могу найти на него путь никак

Парни, кто юзал ckeditor balloon, как евент получить?

Парни, кто юзал ckeditor balloon, как евент получить?

Точнее event.target.value?

ребят привет, кто использует antd? или rc-form?

В общем у меня очень-очень большая форма, а form.getFieldDecorator нужен везде, как бы не пробрасывать постоянно форму, можно ли сделать какую нибудь ссылку или глобальную переменную?

Контекст?

Ок, зав гляну его, еще не использовал ни разу, спасибо!

Бля, унесите это пожалуйста

Переживаешь

Насколько хорош такой вариант реализации защищенных от анонимов вьюх в реакт? <Route path="/view" component={requireAuthentication(View)} /> Мб есть какие-то best practice как это сделать?

Насколько хорош такой вариант реализации защищенных от анонимов вьюх в реакт? <Route path="/view" component={requireAuthentication(View)} /> Мб есть какие-то best practice как это сделать?

хок для Route делай

requireAuthentication - функция, которая рендерит компонент, если пользователь аутентифирован, в противном случае redirect

хок для Route делай

как это понять? Что значит хок?

как это понять? Что значит хок?

High Order Component

https://tylermcginnis.com/react-router-protected-routes-authentication/

requireAuthentication - функция, которая рендерит компонент, если пользователь аутентифирован, в противном случае redirect

Ты сам описал только что

Ты сам описал только что

Ну да Я просто хотел узнать, насколько такой метод распространён и как можно сделать лучше, если можно

https://tylermcginnis.com/react-router-protected-routes-authentication/

Спасибо

Ну да Я просто хотел узнать, насколько такой метод распространён и как можно сделать лучше, если можно

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

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

а есть пример?

а есть пример?

Да, было бы неплохо

а есть пример?

if (!token) return <Redirect /> return <Comp />

if (!token) return <Redirect /> return <Comp />

Ну токен может быть сфальсифицирован Стоит ли добавлять api endpoint специально для проверки сигнатуры jwt токена и при каждом переходе обращаться к api?

Ну токен может быть сфальсифицирован Стоит ли добавлять api endpoint специально для проверки сигнатуры jwt токена и при каждом переходе обращаться к api?

Ну и что, он все равно данные не получит

так так что тут такое, токены и безопасность?

? Ну да, точно

или получит? :D

так так что тут такое, токены и безопасность?

Сейчас будешь задвигать, что токены не безопасны?

ERROR: S client not available

Сейчас будешь задвигать, что токены не безопасны?

и да и нет

Всем привет! Как лучше всего обновлять токены? Можно ли хранить рефреш токен на клиенте?

У сессий так то тоже и плюсы, и минусы есть

нормально делай - нормально будет

Так что тут уж дело вкуса

Ну и прямых рук, да

я за токен + рефреш токен с разными lifetime

Всем привет! Как лучше всего обновлять токены? Можно ли хранить рефреш токен на клиенте?

Не Такие вещи как обновления токена должны быть на сервере

я за токен + рефреш токен с разными lifetime

Ну, это естественно

Всем привет! Как лучше всего обновлять токены? Можно ли хранить рефреш токен на клиенте?

а как ты иначе его передашь на сервер для обновления

Ну смотрите, есть токен, он протух, как дальше быть? Слать на сервер ещё не протухший рефреш и получать новую пару токенов?

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

Ну смотрите, есть токен, он протух, как дальше быть? Слать на сервер ещё не протухший рефреш и получать новую пару токенов?

я делаю так: 1. идет запрос на что-то с токеном 2. если получили 403, деалем запрос на рефреш токена 3. если 200 (от рефреша), то все, ок повторяем неудачный запрос 3. если не 200, то разлогиниваем\создает событие о сорваной авторизации (малоли атака)

Спасибо, интересный способ

я какраз дописываю сегодня\завтра кусок клиента к апи который это реализует, могу потом поделится если что

не обещаю что он супер крутой (возможно перемудренный) но работать будет

Кстати, если я уж заглянул сюда. Может кто знает как там гугл подружился с single page, нормально индексирует рендер на клиенте? или опять делать пререндер статики для гуглбота?

Кстати, если я уж заглянул сюда. Может кто знает как там гугл подружился с single page, нормально индексирует рендер на клиенте? или опять делать пререндер статики для гуглбота?

нормально индексирует

нормально индексирует

есть примерчики? сам с ssr воюю)

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

есть примерчики? сам с ssr воюю)

я делал очень просто, писал скрипт который обходит сайт по sitemap и рендерит с помощью фантома (но разработчик фантома рассказал что устарело его деятище и никто ему не помогает и я перешел на безголовый хром)

гуглбот использует headless chrome

я делал очень просто, писал скрипт который обходит сайт по sitemap и рендерит с помощью фантома (но разработчик фантома рассказал что устарело его деятище и никто ему не помогает и я перешел на безголовый хром)

И сколько у тебя страниц? 10?

я делал очень просто, писал скрипт который обходит сайт по sitemap и рендерит с помощью фантома (но разработчик фантома рассказал что устарело его деятище и никто ему не помогает и я перешел на безголовый хром)

а гугл бота как ловишь, что бы ему рендер страницы отправить?

https://developers.google.com/search/docs/guides/rendering?hl=ru

https://developers.google.com/search/docs/guides/rendering?hl=ru

ништяк https мимо идет)

очень приятно видеть компоненты отрендереные с моками по кусочкам и сранивать очень просто с "картинкой эталоном"

регрессионые вроде называются тесты