да и нехорошо в екшоны рефки кидать

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

а значит нахер тут редакс

:)

В моем проекте тоже были ребята

которые так думали

вот к чему это привело

аду из миксинов и глобалок

Ну тут как спроектируешь приложение. Я тут помучал @sergeysova и @kana_sama они показали как правильно :)

есть ешин closeToolbar() {} в котором надо проверить валидная ли текущая форма и если да, то закрыть тулбар

мб кидать в редакс валидна ли форма из формы?

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

мб кидать в редакс валидна ли форма из формы?

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

со времением это в говнокод превратится

Сейчас считаю золотое правило - что нужно нескольким компонентам держим в редаксе, остальное в стейте

ну так в редаксе будет то, что нужно всем, а в локальном стейте то, что нужно компоненту

Ну тут как спроектируешь приложение. Я тут помучал @sergeysova и @kana_sama они показали как правильно :)

у меня не приложение, а платформа скорее

вроде логика редакса ровно в этом

ну так в редаксе будет то, что нужно всем, а в локальном стейте то, что нужно компоненту

Со временем туда будет пихаться все больше и больше для разных кейсов

ну так блин, если тебе это нужно нескольким компонентам — то или терпи, или у тебя не так устроены компоненты

Ну вот я сделаю так

и через 2 недели заходят правки

что в какой-то особенной форме

надо инфа заблюрена она или нет

что бы закрыть ее

и прийдется это пихать туда еще

Я склоняюсь к выбору редакс форм скорее

т.к там все в редуксе и не будет таких проблем

ну вообще, лол, закрытие формы бы лучше закрывать из нее же

ну типа, у тебя зачем-то закрытие очень далеко разнесено

ну так закрывается она на аутсайд клик закрывается

форма должна в редакс класть можно ее закрыть или нет

я бы склонился к отдельному компоненту ToolbarForm где и рулил бы и состоянием формы и закрытием

или на открытие другой формы

а по какой причине ебет ее

а не того кто закрывает

форма должна в редакс класть можно ее закрыть или нет

Звучит логично

форма должна в редакс класть можно ее закрыть или нет

Не "должна", а может

ну да

я к тому что кидать валидна ли она или заблюрена —- это ее логика а не закрывашки

Доброго всем времени суток. Вопрос про react в связке с redux и react-router 4. Проблема состоит в следующем: Есть много компонентов на странице, которые зависят от авторизованного пользователя. Как правильно сделать чтобы во всех компонентах желательно через props передавался текущий авторизованный пользователь. В localStorage есть только jwt токен.

Доброго всем времени суток. Вопрос про react в связке с redux и react-router 4. Проблема состоит в следующем: Есть много компонентов на странице, которые зависят от авторизованного пользователя. Как правильно сделать чтобы во всех компонентах желательно через props передавался текущий авторизованный пользователь. В localStorage есть только jwt токен.

context

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

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

в обертке главной которая и установит context

когда я обарачиваю главный компонент с помощью conect redux ского, то у меня не работает роутинг react-router-4

class Main extends Component { render() { return ( <div> <Header/> <Router/> <Footer/> </div> ); } }

const Router = () => ( <main style={mainStyle}> <Switch> <Route exact path='/' component={Index}/> <GuestRoute exact path='/authorization' component={Authorization}/> <GuestRoute exact path='/registration' component={Registration}/> <PrivateRoute exact path='/favorites' component={Favorites}/> <Route path="*" component={NotFound} /> </Switch> </main> )

Еще есть redux-first-router

будет отзыв? хотя судя по интервью автора - там еще много чего надо доделать, но когда сделает - будет огонь

class Main extends Component { render() { return ( <div> <Header/> <Router/> <Footer/> </div> ); } }

консоль что говорит?

вообще ничего

тимлид принял решение другой стек использовать, поэтому redux-first-router я не пощупал

когда я обарачиваю главный компонент с помощью conect redux ского, то у меня не работает роутинг react-router-4

а как ты его подключал в корневом файле?

import React, { Component } from 'react'; import Router from './Router' import Header from './Header' import Footer from './Footer' import { connect } from 'react-redux' import {getCurrentClient, getBadge} from '../AC/auth' class Main extends Component { componentDidMount = () => { this.props.getCurrentClient(); } render() { return ( <div> <Header/> <Router/> <Footer/> </div> ); } } export default connect( (state) => { return { currentClient: state.auth.currentClient, badge: state.auth.badge, } }, { getCurrentClient, getBadge } )(Main)

https://github.com/ReactTraining/react-router/issues/4671

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Main)) пробуй

большое спасибо, сейчас попробую

работает

Извените, немного не по теме, а можно в stylus читать NODE_ENV и обрабатывать условия, хочу две темы переключать

Парни, почему redux так популярен в react сообществе? Я сейчас изучаю его и удивляюсь сколько лишней писанины, по сравнению c MobX

Потому что простой event sourcing

Извените, немного не по теме, а можно в stylus читать NODE_ENV и обрабатывать условия, хочу две темы переключать

Может по другому можно, но ты можешь в html инкапсулировать что-нибудь и указать там что хочешь, например NODE_ENV. А потом парсануть html

Может по другому можно, но ты можешь в html инкапсулировать что-нибудь и указать там что хочешь, например NODE_ENV. А потом парсануть html

ммм, не понял, при чем тут html, я вебпаком собираю реакт и stylus, одно от друго не зависит

Не могу понять, почему компонент, который должен диспатчить экшин, диспатчит его без нажатия, при загрузке страницы https://github.com/metr1ckzu/todo-redux/blob/master/src/containers/GetTodosButton.js

ммм, не понял, при чем тут html, я вебпаком собираю реакт и stylus, одно от друго не зависит

Так зачем тебе NODE_ENV ? Собираешь две темы в разные папки, и всё

Так зачем тебе NODE_ENV ? Собираешь две темы в разные папки, и всё

та там бэкграунд только переключить) основная тема у меня в jss)

ммм, не понял, при чем тут html, я вебпаком собираю реакт и stylus, одно от друго не зависит

А, ну некоторые еще html собирают вебпаком. Ну сделай файл theme.js и в вебпаке настрой на него лоадер свой =D что бы переписывал его http://webpack.github.io/docs/how-to-write-a-loader.html

Не могу понять, почему компонент, который должен диспатчить экшин, диспатчит его без нажатия, при загрузке страницы https://github.com/metr1ckzu/todo-redux/blob/master/src/containers/GetTodosButton.js

onClick={() => dispatch(fetchTodos())}

ERROR: S client not available

разве он не должен именно при нажатии диспатчить?

а не при загрузке страницы

а не при загрузке страницы

componentDidMount

разве он не должен именно при нажатии диспатчить?

ты присвоил onClick результат вызова dispatch(fetchTodos()), а не функцию которая делает этот вызов

Извените, немного не по теме, а можно в stylus читать NODE_ENV и обрабатывать условия, хочу две темы переключать

Вообще вариантов много https://medium.com/@justintulk/passing-environment-variables-into-your-code-with-webpack-cab09d8974b0 https://stackoverflow.com/questions/37656592/define-global-variable-with-webpack

@ilya_pomaskin спасибо. А можно как-то диспатчить что-то при загрузке, но не используя componentWillMount?

нет

можешь посмотреть на recompose, там есть декоратор lifecycle

нет

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

при загрузке страницы или отрисовки реакт компонента?

Не могу понять, почему компонент, который должен диспатчить экшин, диспатчит его без нажатия, при загрузке страницы https://github.com/metr1ckzu/todo-redux/blob/master/src/containers/GetTodosButton.js

я бы сделал mapDispatchToProps

хей, товарищи, а можно как-то проверить почему метод componentDiDMount у компонента вызывается 3 раза ? имеется большая вложенность компонентов

для начала погляди почему WillUnmount вызывается

На странице при этом один компонент?

да, один

т.е я так понимаю он 3 раза ре-рендериться

Ну, он 3 раза инициализируется, в таком случае. Если компонент один, значит он анмаунтится по какой-то причине и создается заного.

Если он рендерится при каком-то условии, то посмотри, как это условие ведет себя и не меняет ли оно значение несколько раз подряд.

понял, начал ковырять)

и еще вопорс, а можно как-то в редакс формах при инишиалайзе формы обновить данные formValues ?

ну т.е они приходят с сервера асинхронно

т.ек я условно я хочу отрендерить значение какого инпута, но я получаю эту форму с сервера (сохранение между степами) в визард-формах

в material-ui есть готовый левый SideBar?

в material-ui есть готовый левый SideBar?

да

можешь кинуть ссылку, я что-то найти не могу

да

мож он нулевой юзает

можешь кинуть ссылку, я что-то найти не могу

http://www.material-ui.com/#/components/drawer

мож он нулевой юзает

https://material-ui-1dab0.firebaseapp.com/demos/drawers/

Если только начинаешь, бери вторую ссылку

http://www.material-ui.com/#/components/drawer

фу)

Чего?

https://material-ui-1dab0.firebaseapp.com/demos/drawers/

огонь