то выше всего приложения надо делать проверку. Если авторизован - показываем роутер, внутри код и так далее. Если нет - показываем форму авторизации

тут вопрос закрыто авторизацией всё приложение или одна страница

одна страница. Просто история с конейнером, OnEnter кажется не надежной. Может это просто шиза хз

Аж представил такую проверку в каждом компоненте =)

Смотрите. Если авторизация в сторе, и роутер тоже в сторе

можно в редьюсере авторизации делать редирект роутера

А, фигню сказал извините

Если страница одна то обертку уж.

Через неё гарантировано мимо не пройдёт. А onEnter сейчас документацию посмотрю самому интересно

https://github.com/joshgeller/react-redux-jwt-auth-example/blob/master/src/components/AuthenticatedComponent.js

Пример с оберткой

В 4-м роутере почему то нет onEnter в документации ну или я не нашёл.

В документации без Onenter пример кода авторизации https://reacttraining.com/react-router/web/example/auth-workflow

const PrivateRoute = ({ component, ...rest }) => ( <Route {...rest} render={props => ( fakeAuth.isAuthenticated ? ( React.createElement(component, props) ) : ( <Redirect to={{ pathname: '/login', state: { from: props.location } }}/> ) )}/> )

Судя по всему, рекомендуемое все таки декоратор, тем более для одной страницы. Что с ситуацией с onEnter в четверке - непонятно.

народ подскажите в какую сторону думать если делаем post запросы через axios к апи, с локалхоста ошибка 405 options, methood not allowed, с сервера где все вместе и api и приложение все работает как нужно

return axios.post(${API}/site/login, {phone, password}).then

народ подскажите в какую сторону думать если делаем post запросы через axios к апи, с локалхоста ошибка 405 options, methood not allowed, с сервера где все вместе и api и приложение все работает как нужно

Cookies || http headers

Cookies || http headers

а это на стороне фронта вообще?

а это на стороне фронта вообще?

It depends

так как мне понять что делать?

Кто сталкивался с таким. В redux-form-5.3 action initialize стерает nested object(clients.title, client.phone) после того как из сервера приходить ошибка валидаций. И при фокусе на любой input

Серверная валидация + фокус на инпут = поля client.title && client.phone стираються

Всем привет. Подскажите пожалуйтса как передать в роуты сокет. Ps недавно начал юзать реакт)

Можно сокет положить в контекст например

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

?

Лучше его использовать как middleware

Которое генерит actions

++

+

Из сокета приходят данные и уходят в стор

Которое генерит actions

https://exec64.co.uk/blog/websockets_with_redux/ ты о чём то что типо этого?

Мне вот интересно, а как правильно авторизацию надежную организовать на сокеты?

Куки?

Вебсокеты это же HTTP

Вебсокеты это же HTTP

Ноуп

Куки?

Это аутентификация, а не авторизация

Ноуп

Шок, а что же это

Мне вот интересно, а как правильно авторизацию надежную организовать на сокеты?

Можно во время Upgrade делать проверку. Например npm пакет ws, имеет callback verifyClient для этого

Это аутентификация, а не авторизация

Авторизуй по ней перед тем как свитчить протоколы

Шок, а что же это

Магия. Хех. Почитай)

Я боюсь почти наизусть знаю всю спеку, спасибо

Вот это поворот!)

Как сделать, чтоб роуты: <Route exact path='/services' component={one} /> <Route path='/services/:service' component={two} /> Вели на абсолютно разные страницы? В доках пример, где второй роут - это часть первой страницы. А мне нужно, чтоб это было абсолютно разные

Я почему то всю жизнь считал TCP Sockets ~= WebSockets

Как сделать, чтоб роуты: <Route exact path='/services' component={one} /> <Route path='/services/:service' component={two} /> Вели на абсолютно разные страницы? В доках пример, где второй роут - это часть первой страницы. А мне нужно, чтоб это было абсолютно разные

Вроде Switch нужно заюзать, он будет выбирать один Route из всех

http://stratumsecurity.ghost.io/2016/06/13/websockets-auth/

Вроде Switch нужно заюзать, он будет выбирать один Route из всех

<Switch> <Route key={i + 100} path={resolveRoute(route.alias)+'/:service'} component={one.default} /> <Route key={i} exact path={resolveRoute(route.alias)} component={component.default} /> <Route component={NoMatch} /> </Switch> У меня вот так сейчас написано. Это не работает. Всегда подключается компонент для второго роута

resolveRoute(route.alias) Что возвращает?

для этих двух роутов это всегда возвращает /services

Очень странно. Вроде все ок, только не понятно зачем key.

Вообще, это все в map завернуто

Может все таки оригинальный кусок кода скинешь? А то тут я не вижу проблему.

Может все таки оригинальный кусок кода скинешь? А то тут я не вижу проблему.

https://gist.github.com/Razzwan/83a7d397bc75dcd7f64036f707a4c8ff

Может все таки оригинальный кусок кода скинешь? А то тут я не вижу проблему.

похоже, я что-то принципиально делаю не так, но пока не могу понять, как сделать лучше

На 17 строчке ты возвращаешь div. В доках написано что children могут быть только Route и Redirect

Кто уже попробовал https://buckbuild.com ?

так там нет js

Те, кто на RN пишут пробовали (но, скорее всего, сами не знают)

Те, кто на RN пишут пробовали (но, скорее всего, сами не знают)

это неправда

то что там есть BUCK не значит что ты его юзаешь по дефолту

Копирайт в футере у buckbuild 2013 года ?

ERROR: S client not available

Есть такие чатлане с массой свободного времени, кто вчера посмотрел большую часть докладов с React Conf? =)

Есть такие чатлане с массой свободного времени, кто вчера посмотрел большую часть докладов с React Conf? =)

я сейчас смотрю))

у них там сайт поломанный? В schedule не реагирует на изменение route

у них там сайт поломанный? В schedule не реагирует на изменение route

ага, мож они спецом так сделали

Ребят, хотел спросить по поводу конфигов в архитектуре, есть ли проверенный инструмент для того чтобы можно было в любой точке приложения иметь доступ к конфигами проекта, которые лежат в едином файле в корне проекта?

На 17 строчке ты возвращаешь div. В доках написано что children могут быть только Route и Redirect

Хм, спасибо. Посмотрю, что можно сделать.

Ребят, хотел спросить по поводу конфигов в архитектуре, есть ли проверенный инструмент для того чтобы можно было в любой точке приложения иметь доступ к конфигами проекта, которые лежат в едином файле в корне проекта?

Разобрался ))) использую nconf для того чтобы один раз указать ему литерал и дальше обращатся к nconf за данными: const config = require('../../config'); nconf.argv().env(); nconf.defaults(config); console.log('\n ... port ...', nconf.get('development:port')); Если кто знает иструмент покруче, буду признателен если поделитесь ссылкой.

dotenv

https://www.npmjs.com/package/dotenv

это получше будет?

если да то почему?

Идеологически получше

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

то есть все конфиги будут хранится в переменных среды?

nconf кстати тоже позволяет редактировать во время сборки

я раньше сидел на nconf но слез потому что не удобно

у меня много серверов и куча агентов CI везде нужно описывать конфиги (ибо основной конфиг в .gitignore, потому что на каждый сервер свои настройки) А так ci прокидывает переменные окружения, вроде какой ветки, какой сервер, а ещё некоторые переменные в ci настраиваются

ясно

а можно скинуть gist применения ?

Разобрался ))) использую nconf для того чтобы один раз указать ему литерал и дальше обращатся к nconf за данными: const config = require('../../config'); nconf.argv().env(); nconf.defaults(config); console.log('\n ... port ...', nconf.get('development:port')); Если кто знает иструмент покруче, буду признателен если поделитесь ссылкой.

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

https://www.npmjs.com/package/dotenv#preload

ок

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

создай файл в корне .env и в корневом файле приложения require('dotenv').config() а дальше process.env.APP_VAR_NAME где нужно Если юзаешь вебпак, то там прокинуть нужно будет в definePlugin

??

что-то вроде plugins: [ new DefinePlugin('process.env': process.env) ], ну или new DefinePlugin({ 'process.env': { ...process.env, MY_VAR: 'value' } })

.env файл поддерживает js?

Нет

там: VARNAME=value VAR2=value2

в таком случаае каким образом формировать вот такие вещи: development: { host: 'localhost', port: '4242', url: 'http://localhost:4242', // #### Paths // Specify where your content directory lives paths: { contentPath: path.join(__dirname + '/content/') }, logging: true },

не делать таких вещей))) а статически записывать в месте использования, относительно директории