кроме него, вумник
Ivan
Тимофей 🛴
https://reacttraining.com/blog/reach-react-router-future/
Александр
Ага, спасибо
Dmitriy
Ну тем более, зачем рич тогда советовать?)
Люди редакс форм советуют до сих пор... Так что ...🤷♂
Тимофей 🛴
это только в планах
Сейчас 5 версия, в которой функционал из рича, в 6 версии рич умрет, если проект не на месяц то зачем брать рич?
Dmitriy
Вспомнил, wouter, у него вроде фишка что он маленький
Помню тут в чате были эдж кейсы у попуги что не решалось воутером
🦜
Помню тут в чате были эдж кейсы у попуги что не решалось воутером
там это криво решалось, мне не понравилось это
Alexey
нужно запилить свой routertor
🦜
чтобы делать nested pages, нужно было писать query params
Тимофей 🛴
нужно запилить свой routertor
Пока ангулярщик пишет приложение, реакт разработчик выбирает/пишет роутер/стейт менеджер
🦜
еще кому-то не понравится манкипатчинг window.history чтобы перенаправлять из любого места приложения
Alexey
🦜
Пока ангулярщик пишет приложение, реакт разработчик выбирает/пишет роутер/стейт менеджер
экосистеме реакта очень не хватает нормального роутинга
Тимофей 🛴
Тимофей 🛴
экосистеме реакта очень не хватает нормального роутинга
React router + config мне кажется максимально «нормальный». Только большой очень
A
Kurzdor
такой вопрос, у меня есть api.js некий, где все запросы есть, через аксиос, я их импорчу в нужный модуль стора редакса, в компоненте логина диспатчу некий loginUser, и если залогинен, то редиректить на главную, но на основе того что все ли успешно прошло или с проблемами?
const onSubmit = ({ username, password }) => {
dispatch(
loginUser({
username,
password,
})
);
history.push('/');
};
и вот если !store.user.login.error то редиректить на ‘/‘
но вот мне кажется что тупо быстрее запустится проверка на ошибку чем я отправлю запрос
как все должно происходить?
🦜
Автор либы через контекст сделал
https://codesandbox.io/embed/wouter-nested-routes-ffd5h?codemirror=1
контекст такое себе решение
Ivan
такой вопрос, у меня есть api.js некий, где все запросы есть, через аксиос, я их импорчу в нужный модуль стора редакса, в компоненте логина диспатчу некий loginUser, и если залогинен, то редиректить на главную, но на основе того что все ли успешно прошло или с проблемами?
const onSubmit = ({ username, password }) => {
dispatch(
loginUser({
username,
password,
})
);
history.push('/');
};
и вот если !store.user.login.error то редиректить на ‘/‘
но вот мне кажется что тупо быстрее запустится проверка на ошибку чем я отправлю запрос
как все должно происходить?
Мидлваря (thunk/saga) должна обработать запрос и только после этого диспатчить редирект в соответствии с результатом обработки.
Kurzdor
Мидлваря (thunk/saga) должна обработать запрос и только после этого диспатчить редирект в соответствии с результатом обработки.
export const loginUser = data => dispatch => {
dispatch($loginStart);
login(data)
.then(response => {
dispatch($loginSuccess);
…..
})
.catch(error => {
dispatch($loginError);
console.log(error);
});
};
Vadim
React router + config мне кажется максимально «нормальный». Только большой очень
а без конфига не очень?
Kurzdor
$loginSuccess это экшн через react-act
Ivan
export const loginUser = data => dispatch => {
dispatch($loginStart);
login(data)
.then(response => {
dispatch($loginSuccess);
…..
})
.catch(error => {
dispatch($loginError);
console.log(error);
});
};
Вот тут и вызывай history.push
Если нужно. А если не нужно — показывай сообщение об ошибке.
Kurzdor
но вот как в сторе я доберусь к history?
Kurzdor
просто я сам слышал что делать history.push в сторе это хуево
Kurzdor
да, можно прокинуть аргументом хистори, но это параша параш
Ivan
просто я сам слышал что делать history.push в сторе это хуево
Что значит «в сторе»? Стор — это просто объект.
Kurzdor
ну не стор
Kurzdor
просто у меня есть слой, который не имеет почти доступа к компонентам
Kurzdor
тоесть redux + thunk + act
Ivan
тоесть redux + thunk + act
В санке и делай. Есть куча вариантов, как в санку просунуть апи history. Например я использую у себя connected-react-router, мне для редиректа достаточно задиспатчить соответствующий action.
Vadim
Без конфига просто получается не как у всех
у всех с конфигом?) Просто я смотрю базовые примеры - там нет конфига
Тимофей 🛴
у всех с конфигом?) Просто я смотрю базовые примеры - там нет конфига
Посмотри vue и angular, в ember выглядит немного по другому но принцип тот же
🦜
у всех с конфигом?) Просто я смотрю базовые примеры - там нет конфига
до конфига нужно дойти, а так, у всех и редакс в проектах)
Nikolai
что за конфиг?
Anonymous
Приветствую.
Реакт приложение редиректит на / при обновлении любой страницы. Что это?
Код компонента <PrivateRoute />, в который обёрнуто большинство роутов:
const PrivateRoute = ({ component: Component, auth: { isAutenticated }, ...rest }) => {
console.log('isAutenticated from PrivateRoute:', isAutenticated);
return (
<Route {...rest} render={props => !isAutenticated
? <Redirect to='/login' />
: <Component {...props} />
} />
);
};
const mapStateToProps = state => ({
auth: state.auth
});
console.log() выше вначале пишет false, затем вскоре true.
Рефрешу страницу http://localhost:3000/stats, отправляет на http://localhost:3000/.
Anonymous
Routes.js:
const Routes = () => (
<div className='container'>
<Switch>
<Route path='/login' component={Login} />
<PrivateRoute path='/stats' component={Stats} />
<PrivateRoute exact path='/' component={Records} />
</Switch>
</div>
);
Vladimir
Anonymous
login экшен при логине юзера.
Vadim
до конфига нужно дойти, а так, у всех и редакс в проектах)
в смысле дойти?) Типа сначала юзать обычный, а потом понять что он говно и юзать конфиг?)
🦜
Vladimir
login экшен при логине юзера.
ну вот. При рендере PrivateRoute юзер ещё не авторизован.
Я делаю так:
https://github.com/today-/actorsmovies/blob/master/src/index.tsx#L21
Получение юзера происходит ещё до рендеринга всего приложения
Anonymous
ну вот. При рендере PrivateRoute юзер ещё не авторизован.
Я делаю так:
https://github.com/today-/actorsmovies/blob/master/src/index.tsx#L21
Получение юзера происходит ещё до рендеринга всего приложения
Пока не смотрел. У вас там нечто вроде loadUser() в App.js? У меня так подбирается юзер из localStorage.
Vladimir
Пока не смотрел. У вас там нечто вроде loadUser() в App.js? У меня так подбирается юзер из localStorage.
ну пусть из localStorage (хотя так делать небезопасно). Главное, чтоб этот юзер проставился до того, как отрендерится PrivateRoute
Anonymous
Интересно, редиректит не на /login, как в коде PrivateRoute, а на /.
Anonymous
ну пусть из localStorage (хотя так делать небезопасно). Главное, чтоб этот юзер проставился до того, как отрендерится PrivateRoute
Почему небезопасно? При выходе юзера localStorage очищается от его токена.
Eddie
Всем привет, собираюсь идти в бэк, я хотел бы узнать насчет востребованности C#, .NET разработчиков. У нас очень много вакансий на PHP, но говорят что его массово переписывают на другие языки, и он потеряет востребованность. И вот я думаю идти ли в. net или php, если. net, то насколько он востребован.
Заранее благодарю
Serhii
Denis
ох щас холивары начнутся
🦜
Почему не пайтон/раст ?
не вижу смысла пайтона в вебе, имхо, им нужно всякие рисерчи делать, раст +
Mykhailo
Хочу сказать, что любой бэк востребован. Что руби, что питон, что го. Все востребованы, кроме хаскеля☺️
Mykhailo
++
Pasha
Alexey
упоролись?
Артем
Ребята,возможно ли сделать что при открытии видео в полноэкранный режим то оно становилось вертикально?
Ilya
Ребята,возможно ли сделать что при открытии видео в полноэкранный режим то оно становилось вертикально?
А можно use case для такого поведения :)? Оч интересно
Nikita
Ребята,возможно ли сделать что при открытии видео в полноэкранный режим то оно становилось вертикально?
попробуй потыкать это апи https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API
Nikita
アレクサンダー・バキマトフ
@Tchernyavsky ^^^