Всем привет. Вопрос: если у меня Single Page приложение, разве сохранять информацию о сессии в LocalStorage это безопасно?

Зависит от того что у тебя в этой сессии.

Вопрос то в чем?

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

так точно, если httpOnly - не могу. Вот меня и интересует вопрос безопасности, мне видится что любое хранилище к которому js браузера имеет доступ - не безопасно

Если руки из жопы то да

Любой модуль ноды может содержать зловред

Если руки из жопы то да

аргументный аргумент

аргументный аргумент

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

а кто то знает где можно посмотреть пример приложения на хуках где используются все хуки? state/effect/context/ref/useCallback/useImperativeHandle/useLayoutEffect/useMemo

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

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

Тогда уже ничего не поможет. Никто не запрещает запросить у пользователя пароль ещё раз

Всем привет. Вопрос: если у меня Single Page приложение, разве сохранять информацию о сессии в LocalStorage это безопасно?

лучше в куках хранить, вроде xxs атака спокойно данные из ЛС забирает

И для SSR без куки никак

И для SSR без куки никак

можно сделать цепочку что выставит куку на домен апи.

лучше в куках хранить, вроде xxs атака спокойно данные из ЛС забирает

помоему после того как у вас нашли xxs уже все равно в куках или не в куках, один фиг запросы на "перевод денег" уйдут, с куками или ls

помоему после того как у вас нашли xxs уже все равно в куках или не в куках, один фиг запросы на "перевод денег" уйдут, с куками или ls

А где лучше хранить JWT в таком случае?

А где лучше хранить JWT в таком случае?

да где угодно

НЕЛЬЗЯ допускать XSS в принципе.

НЕЛЬЗЯ допускать XSS в принципе.

И багов в коде нельзя допускать

А где лучше хранить JWT в таком случае?

Мы в куках храним

cookies with httponly flag

cookies with httponly flag

А если бэк не ставит сам куку с хттронли, и не ставит xsrf токена То как быть?)

А если бэк не ставит сам куку с хттронли, и не ставит xsrf токена То как быть?)

Настрой чтоб ставил

Настрой чтоб ставил

Ну, бэк не мой

Поставь задачу тогда

Здравствуйте, https://www.gatsbyjs.org/ кто пользовался, какие минусы есть?)

Здравствуйте, https://www.gatsbyjs.org/ кто пользовался, какие минусы есть?)

Можешь попробовать посмотреть статьи вида why gatsby/what is gatsby good for 🤷‍♂ Но все же реальное мнение лучше

Стоит ли учить flux и redux если есть хуки? Используют ли их в проектах вместе с хуками?

Стоит ли учить flux и redux если есть хуки? Используют ли их в проектах вместе с хуками?

Да. Да

Да. Да

Спасибо

Стоит ли учить flux и redux если есть хуки? Используют ли их в проектах вместе с хуками?

Угу. На хуках reatom будет получше, имхо. Но для старта лучше с redux начать.

Угу. На хуках reatom будет получше, имхо. Но для старта лучше с redux начать.

Спасибо. Учту)

есть у кого gsap splittext? поделитесь если не сложно

Стоит ли учить flux и redux если есть хуки? Используют ли их в проектах вместе с хуками?

Хуки никак не заменяют внешнее хранилище.

Стоит ли учить flux и redux если есть хуки? Используют ли их в проектах вместе с хуками?

Еще как используют

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

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

Код

Здравствуйте. Как передать state в родительский компонент?

https://codepen.io/Mercer/pen/ExxZENY?editors=0011

Здравствуйте. Как передать state в родительский компонент?

Callback

Вот так получилось, так делают вообще ?

Вот так получилось, так делают вообще ?

а почему бы и нет?

значение inputa на родительский компонент

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

key забыл еще

Вот так получилось, так делают вообще ?

Да все норм вообще, раве что key добавить, а в чем проблема?

Object.entries(values).map(([key, value]) => <input key={key} value={value} />

Да все норм вообще, раве что key добавить, а в чем проблема?

Уже всё, спасибо🤝

Object.entries(values).map(([key, value]) => <input key={key} value={value} />

👍

значение inputa на родительский компонент

У SearchInput добавить в props поля value и onChange, а в родительском компоненте завести стейт под значение инпута. Ответ на ваш вопрос в общем случае звучит так, не надо прокидывать стейт из детей в родителей, надо наоборот от родителей к детям плюс коллбек для изменения.

Есть большой проект на реакте, на нем пишет в основном один человек, второй может подключиться к разработке. Отсутствует типизация, есть ли смысл потихоньку добавлять TS? У кого был такой опыт?

Есть большой проект на реакте, на нем пишет в основном один человек, второй может подключиться к разработке. Отсутствует типизация, есть ли смысл потихоньку добавлять TS? У кого был такой опыт?

Смысл есть, можно постепенно переводить. См. опцию allowJs

Про allowJs в курсе, просто пока не сделал вывод о каком-то профите, разве что может в каких-то исключительных ситуациях помочь

а как ведет себя ts на проде, если например написать тайпинги на ответ с сервера, а там будет левое, проект будет падать?

Про allowJs в курсе, просто пока не сделал вывод о каком-то профите, разве что может в каких-то исключительных ситуациях помочь

Ну как минимум проследить можно будет за корректным использованием компонентов и функций в коде, при рефакторинге сразу будут видны ошибки (например переименовали prop, изменили его тип)

а как ведет себя ts на проде, если например написать тайпинги на ответ с сервера, а там будет левое, проект будет падать?

Никак не ведёт, после компиляции никакой информации о типах не остаётся. Падать будет конечно, тут вам скорее смотреть в сторону проверки запросов ответов по схеме.

а как ведет себя ts на проде, если например написать тайпинги на ответ с сервера, а там будет левое, проект будет падать?

Ts не привязывает никакие конструкции, думай о нем как о документации для своего проекта

понял, спасибо

Ребят, чем можно заменить formData в 2к19?

Ребят, чем можно заменить formData в 2к19?

Зачем?

Ребят, чем можно заменить formData в 2к19?

Подключаешь, например, вебсокет и фигачишь всё через него. Только зачем?

ребят здраствуйте , почему мне в пропсах key приходит undefined, console.log видает id , а в компоненте undefined

ребят здраствуйте , почему мне в пропсах key приходит undefined, console.log видает id , а в компоненте undefined

Потому что компонент не может получить key и ref изнутри компонента.

Потому что компонент не может получить key и ref изнутри компонента.

непонял немного,как мне нужно сделать?

непонял немного,как мне нужно сделать?

Сформулировать свой вопрос.

Сформулировать свой вопрос.

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

непонял немного,как мне нужно сделать?

return <FilmItem film={film} key={film._id}/>;

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

Нет. key - это служебный проп, который используется только реактом. Если нужно его использовать внутри, то прокидывай отдельным пропом.

Нет. key - это служебный проп, который используется только реактом. Если нужно его использовать внутри, то прокидывай отдельным пропом.

я вас понял , спасибо большое

чёт ничего не понял и никогда с таким не сталкивался

чёт ничего не понял и никогда с таким не сталкивался

Ну и забей

Ребят, подскажите best practices по принципу разделения компонентов по директориям. Я знаю лишь о разделении по domain и route

И разделение по областям ответственности может вызвать неудобства в виде большого уровня вложенностей. Типа components/Auth/Login/Form/Button

гайзы ,вообщем есть onChange , где при вводе в поле идет post запрос , получаю начальную сумму . Считаю тотал . Это нормально что в then функция срабатывает 3 раза ?

гайзы ,вообщем есть onChange , где при вводе в поле идет post запрос , получаю начальную сумму . Считаю тотал . Это нормально что в then функция срабатывает 3 раза ?

onChange срабатывает на каждый введённый или удалённый символ. Да, нормально.

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

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

погугли про технику debounce например

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

Тебе кажется.

спасибо , то что нужно

Кто-то может подсказать в чем разница между useRef и useState? я так понял useRef это константа вне реактовского жизненого цикла

Кто-то может подсказать в чем разница между useRef и useState? я так понял useRef это константа вне реактовского жизненого цикла

Думаю, в доке достаточно ясно написано по этому поводу. https://ru.reactjs.org/docs/hooks-reference.html#useref

Думаю, в доке достаточно ясно написано по этому поводу. https://ru.reactjs.org/docs/hooks-reference.html#useref

Я его прочитал, и после него пришел уточнить

Кто-то может подсказать в чем разница между useRef и useState? я так понял useRef это константа вне реактовского жизненого цикла

Обновление стейта вызывает ререндер. Обновление ref - нет.