Daniil
Хаос чего ?
Andrey
если все в куче, то можешь путаться где логика, а где шаблоны
Zaff
если у тебя нормальная структура и разделяешь логику и jsx, то пофиг
а как сделать нормальную структуру? это один из первых проектов, я только осваиваюсь. на этом решил попробовать принципы atomic design
Andrey
но меня пугает второй коммент о том, что в дальнейшем может возникнуть хаос)
ну либо оставь так, и пиши жсх в жсх, либо оставь только жс, и пиши все там
какой хаос то 🤷🏻♂️
from
забудь про шаблоны)
Andrey
просто решили спуститься к тебе
from
Тогда че ты реактом пользуешься вообще)
Vladislav
от чего? и как это избежать?
ну в принципе, если это только первый твой проект, то добавь правило на js файлы и просто разделяй foo-controller - это там где логика, а просто foo - это глупый компонент
Китикет
Расширение jsx такое же нелогичное, как если бы мы могли писать js в .json файле
Andrey
отличный повод юзать реакт, да
Vladislav
а css?))
Андрей
Нельзя передать.
Vladislav
я просто продолжал рофлить
from
useEffect ?
Sergey
Vladislav
а в хуках нельзя чейнить?)
Vladislav
wolfe
useEffect
Mikhail
https://www.robinwieruch.de/react-usestate-callback/
Mikhail
неужели вы реально не умеете гуглить 'usestate callback'
wolfe
useEffect вызывается при изменении значений, переданных в deps
Mikhail
это же блядь очевидно, два ебучих слова, которые ты задал в вопросе тут
Mikhail
попробуй прочитать статью
Vladislav
а разве setModal(false).then(...) не работает?))
Mikhail
там охуеть какая либа
https://github.com/the-road-to-learn-react/use-state-with-callback/blob/master/src/index.js
Frontend Priest
Перечитай доку
Alexey
By default, effects run after every completed render, but you can choose to fire it only when certain values have changed.
Volodymyr
Тимофей 🛴
Volodymyr
@babel/plugin-syntax-dynamic-import
Тимофей, а можешь еще тогда подсказать, у меня этот плагин есть. в девДепсах версии 720
Юрий
ребят, как реализуется авторизация? что бы был закрыт доступ ко всем роутам, пока не автоматизирован юзер и где потом храниться информация о том, автоматизирован он или нет.
Может есть какие то примеры кода или где можно почитать?
wolfe
Smaug
Юрий
в контексте или стэйт-менеджере можешь хранить
а после обновления страницы юзер разлогинеться получаеться?
wolfe
а после обновления страницы юзер разлогинеться получаеться?
нужен асинхронный экшен, который получит юзера потом
Юрий
local storage
юзер отправил свои данные, сервер одобрил, брать его данные и записывать в локар стораж и делать редирект на другой роут?
Frontend Priest
юзер отправил свои данные, сервер одобрил, брать его данные и записывать в локар стораж и делать редирект на другой роут?
Примерно да, между этапами погуглить
Китикет
юзер отправил свои данные, сервер одобрил, брать его данные и записывать в локар стораж и делать редирект на другой роут?
Зачем юзеру отправлять свои данные, которые были сохранены в ls или куки
Andrey
юзер отправил свои данные, сервер одобрил, брать его данные и записывать в локар стораж и делать редирект на другой роут?
насчет нужно ли записывать, я бы поспорил, сильно зависит от бизнес-логики
Заяц выше отписал прально
Китикет
Зачем юзеру отправлять свои данные, которые были сохранены в ls или куки
Если данные невалидные, авторизация отвалится на первом же запросе, если ты конечно это обработаешь
Юрий
Если данные невалидные, авторизация отвалится на первом же запросе, если ты конечно это обработаешь
это понятно, а вот как вести после успешного логина, не совсем
Китикет
юзер отправил свои данные, сервер одобрил, брать его данные и записывать в локар стораж и делать редирект на другой роут?
Хотя, если ты описал процесс логина то все правильно
Andrey
это понятно, а вот как вести после успешного логина, не совсем
писать в куку любой признак авторизованности, будь то токен, или сессия
при старте приложения чекать, авторизован ли юзер запросом на бек, и если да, то показывать приложение
если нет - редиректить на логин
Frontend Priest
это понятно, а вот как вести после успешного логина, не совсем
Не редиректить закрытые роуты, если авторизация сработала
Юрий
Не редиректить закрытые роуты, если авторизация сработала
а что делать? если это админ панель например
Юрий
и другие роуты должны быть все закрыты до авторизации
Китикет
PrivateRoute погугли
А его начинка зависит от того как у тебя авторизация построена, это уже индивидуально
Китикет
Но обычно делается что-то типа
if (!isAuthorized) return <Redirect to="/login" />
return <Route {...options} />
Dmitry
Народ
Либ для просмотра изображений нету нормальных ?
Andrey
Но обычно делается что-то типа
if (!isAuthorized) return <Redirect to="/login" />
return <Route {...options} />
агааа, бизнес логику во вью мутишь!
Юрий
Но обычно делается что-то типа
if (!isAuthorized) return <Redirect to="/login" />
return <Route {...options} />
а isAuthorized от чего будет меняться?
Китикет
ну я бы написал с чем она есть, но опять будет сратч 👀
И не вижу тут проблемы кстати, я если честно вообще не представляю где обрабатывать приватные роуты кроме как во вью, наверное сильно к реакт роутеру привык
Юрий
Издеваешься?
вы хотите сказать, что после запроса на сервер, с данными юзера, если все ок, тогда этот флаг который будет как я понял, например к редаксе, поменяется на протиположный,и у юзера появиться доступ к другим роутам?
Виктор
народ, какой бествей сделать несколько энтрипоинтов в кра?
Peter
<Route path="/users" component={Component}/>
переход по ссылке users?id=1324 даёт 404, а гугол подсказывает только как обработать query, но не подсказывает, почему путь не метчится роутером
Китикет
Peter
вообще, туда я отправляю через <Redirect to={'...'} />
Andrey
И не вижу тут проблемы кстати, я если честно вообще не представляю где обрабатывать приватные роуты кроме как во вью, наверное сильно к реакт роутеру привык
приватный роут - по сути роут, который юзает данные авторизации
неприватный - нет
т.е. условно, если мы попадаем на приватный роут, смотрим, есть ли данные о юзере
если есть - ок, пускаем, если нет - стреляем на бек, выясняем, залогинен или нет
если залогинен, кешируем и пускаем, если нет - редиректим на страницу логина
мимо вью можно через вотч хистори, и лукапа, является ли роут приватным, через конфиг какой нибудь там
Peter
а, да, вот и косяк :)
надо было не to={{pathname:from}}, а просто to={from}
Aza 👁️
Mihail
Китикет
Я вообще в шоке с людей, которые все еще не поменяли авку
дикий
А кто как реализует прелоадер компонента как на твиче допустим?
А проверять загрузилась ли фотография каким лучше способом?
Anonymous
а можно колбэк функцией вызвать разметку?