Всем привет Есть задача сохранять позицию скролла на главной странице(на которой при прокрутке подтягивается +10 айтемов) Вопрос, как лучше всего реализовать такую задачу? Я думаю айтемы хранить в редаксе(так как сейчас они у нас в локальный стейт сохранятся) А как тогда с запоминанием позиции скролла быть? Может кто направить куда думать?

Привет всем, import * as MODULE from ... в джесте работает? Почему-то undefined, хотя обычные и дефолотные импорты нормально работают.

При прокрутке вверх?

зачем тебе сохранять позицию скролла? у тебя есть позиции элемента и текущее значение скролла. путаешься реализовать https://github.com/clauderic/virtualized-list ?

ну вот мне надо сохранять текущую позицию скролла когда юзер вернется на главную страницу обратно

ну вот мне надо сохранять текущую позицию скролла когда юзер вернется на главную страницу обратно

в стейт ложи общий,если используешь редакс

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

что за флаг, и почему лучше

создать флаг типо isAuth, по которому рендерить роуты приватные или нет. я не знаю как правильно, у меня написан хок который ориентируется на localStorage

у меня такое, а isAuth функция которая проверяет LocalStorage

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

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

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

Всем привет, есть ситуация. Я в new RegExp как патерн передаю стрингу ( const regExp: RegExp = new RegExp(searchText, "mig"); ). Получаю ошибку: "invalid regular expression / / at end of pattern". Находил решение что нужно добавить "/ /". Но не понимаю как именно. Так как все решения и примеры выглядят как RegExp("\\\\", "g"). Пробовал вот так еще, не помогло: "const regExp: RegExp = new RegExp("//" + searchText, "mig");

Всем привет, есть ситуация. Я в new RegExp как патерн передаю стрингу ( const regExp: RegExp = new RegExp(searchText, "mig"); ). Получаю ошибку: "invalid regular expression / / at end of pattern". Находил решение что нужно добавить "/ /". Но не понимаю как именно. Так как все решения и примеры выглядят как RegExp("\\\\", "g"). Пробовал вот так еще, не помогло: "const regExp: RegExp = new RegExp("//" + searchText, "mig");

@OlegBrony Да я такое читал, а как именно ?

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

Нет

Нет

а почему нет?

во, отлично! а где это нужно делать?

В мидлваре

Потому что это сайд эффект

и что? экшн крейтор не обязан быть чистым.

Это вообще не action а actionCreator и он должен быть чистым

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

Можно что-то сделать с хуком useEffect так, чтобы при первом рендере он никогда не срабатывал?

тебе это не нужно скорее всего

Не понял?

с одной стороны и в саге не совсем красиво делать редирект

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

Можно что-то сделать с хуком useEffect так, чтобы при первом рендере он никогда не срабатывал?

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

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

а кейс можно? зачем это нужно?

Потому что это просто создание экшена и все. Зачем в нем сайд эффекты? Они еще и срабатывать будут без dispatch и до него

окей, я залогинелся, флаг в стейте поменялся, компонент сделал редирект. А потом ты обновляешь страницу, у тебя флаг false, разве нет?

они не будут сробатывать до экшн крейта.

Я где то это написал?

я не так понял?

редирект с перезагрузкой?

ну смотри, другой кейс, ты нажимаешь logout: 1) тебе нужно очистить локалсторадж 2) сделать редирект где это все будет?

это всё можно сделать без перезагрузки -> без очистки стейта. я бы просто очистил локал стор.

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

Ребят подскажите, как можно в setState в качестве пропа указать значение из атрибутов функции? Пример: changeValue(prop, value) { this.setState({ prop: value }); }

Ребят подскажите, как можно в setState в качестве пропа указать значение из атрибутов функции? Пример: changeValue(prop, value) { this.setState({ prop: value }); }

ну так сделай редирект. history.push, не?

вот именно, но это все находиться в экшн крейторе

setState({ [key]: value, })

history? в экшоне?

https://reacttraining.com/react-router/web/api/Hooks/usehistory

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

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

нету

т.е диспатч экшена происходит, когда ты на другой странице?

да

странная логика

Юзать uuid или другие рандомные генераторы чисел для key это бесполезно?

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