Есть ли в реакт, что то наподобие single file components ,из Vue js?

@Kreizo https://github.com/gaearon/redux-thunk#motivation сразу первый пример

?

парни, а есть какой-нибудь чатик про Ramda и прочую функциональщину?

подскажите, а есть альтернативы react-redux, где можно несколько сторов (древовидная структура) использовать?

подскажите, а есть альтернативы react-redux, где можно несколько сторов (древовидная структура) использовать?

reflux?

я смотрю многие сами пишут

биндинги для редакса

Есть ли в реакт, что то наподобие single file components ,из Vue js?

Именно в таком виде нет, но можно использовать компонент с CSS-in-JS имплементацией

ну т.е. мне нравится редакс, но хотелось бы что то типа такого <Provider name="store1" factory={createStore1}> <Provider name="store2" factory={createStore2}> {this.props.children} </Provider> </Provider> Компонент @connect({...}, {...}, {store: 'store1'}) @connect({...}, {...}, {store: 'store2'}) export default class MyComponent extends Component {}

ну это типа флакс

ну т.е. мне нравится редакс, но хотелось бы что то типа такого <Provider name="store1" factory={createStore1}> <Provider name="store2" factory={createStore2}> {this.props.children} </Provider> </Provider> Компонент @connect({...}, {...}, {store: 'store1'}) @connect({...}, {...}, {store: 'store2'}) export default class MyComponent extends Component {}

Зачем тебе несколько сторов?

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

У всех древовидная структура компонент :-)

И state тоже такой, древовидный

render() { return ( <div> <MyComponent /> <MyComponent /> </div> ) }

при этом у каждого MyComponent будет свой стор

они типа виджеты

Хрень

Пропсы для слабаков?

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

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

В одном проекте было

при этом у каждого MyComponent будет свой стор

https://github.com/erikras/multireducer

Пропсы для слабаков?

мне кажется да

мне кажется да

Ну делай по своему

Здесь делают адекватно

как?

и при чем тут пропсы)

Пропами

мне нужен слой с данными

представь что внутри этого компонента есть еще дочерние, которые как раз зависят от его стора

ну ты можешь отдельный provider и отдельный стор на каждый компонент сделать

с пропсами прокатывает когда их немного и до тех пор пока они не начинают скадываться каскадом вниз

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

ну ты можешь отдельный provider и отдельный стор на каждый компонент сделать

могу, но я хочу иметь и глобальный стор

то есть ты хочешь иметь возможность биндить ветку стора на компонент?

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

мб кто уже сталкивался с задачей и писал велосипед

и иметь при этом глобальный стор

Так сделай

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

А нахера тебе это?

читай выше)

какой use case

читай выше)

мне лень

какой use case

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

короче наркомания как всегда

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

Это не нужно

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

так данные в любом случае будут через props приходить

Звучит как описание к функции mapStateToProps лол

хуита какая-то

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

Превозмогая трудности (с)

ребят, помогите решить дилемму, есть компонент, в него через HOC подключена модалка, в модалку прокинуто другой компонент, который является формой, кнопка сабмит формы - это одна из кнопок модалки. Вопрос: Как засабмитить форму кнопкой из модалки?

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

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

парни, а есть какой-нибудь чатик про Ramda и прочую функциональщину?

привет

отдельного чата нет

тут иногда трём за рамду, линзы и фп

у рамды есть ещё свой чат https://gitter.im/ramda/ramda

парни, а есть какой-нибудь чатик про Ramda и прочую функциональщину?

https://telegram.me/frp_ru

спасибо, посмотрю!

хм, такой вопрос, кто-нибудь сталкивался с проблемой, что в material ui иконки не меняют цвет под тему? Я посмотрел по пул-реквестам, они это, вроде, правили, но потом откатывали. В итоге не понятно, где именно чинить.

Вопрос: прохожу уроки по React, но они все в стиле ES5 и даже написаны полностью в одном html файле. Я использую create-react-app и там в уроке подключается EventEmitter через <script>-тег, а потом объявляется глобальная переменная вот так: window.ee = new EventEmitter(); а как объявить такую переменную что бы она была глобальной если у меня import ee from 'eventemitter'. пробую window.ee = new ee(); и т.д. не получается ничего

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

в каждом файле

глобально пхать плохо

но если надо есть объект global

import EventEmitter from 'wolfy87-eventemitter'; window.ee = new EventEmitter();

Вот так заработало.

это плохо?

это плохо?

В целом не очень, потому что во-первых может возникнуть конфликт, если какой-либо модуль тоже будет что-то писать в window, во-вторых при рендеринге на сервере не будет объекта window, в третьих явное объявление всегда лучше неявного

Правильно было бы импортировать этот модуль отедльно в каждый файл, который ты используешь

я испортирую модуль

а переменную?

или создать отдельный файл js. там создать эту переменную и везде ее импортировать?

так?

Ребят, а кто админки пишет не react/redux, у вас каждая отдельная страница - отдельный namespace в store?

нет

или создать отдельный файл js. там создать эту переменную и везде ее импортировать?

Не совсем понимаю, какой эффект за счет этого достигается

Зачем вобще иметь что-то глобальное?

нет

а как

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

в store данные сервера, страницу собираешь из них

ну мало ли что у тебя на странице

стор ко вьюхам лучше не привязывать

Зачем вобще иметь что-то глобальное?

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

т.е. в сторе 'серверный метод' -> 'данные'?

примерно

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

Ну вобще да, можно сделать что-то такое: const ee = new EventEmitter(); export default ee;

И потом подключать в каждом файле этот модуль

это good practice?

:)

Ну на мой взгляд это выглядит странновато

Но я же не знаю контектса :)

Ребят, а кто админки пишет не react/redux, у вас каждая отдельная страница - отдельный namespace в store?

по компонентам же

а конкретные страницы собираешь селекторами в контейнерах

Нет

а че нет-то

а че нет-то

потому что для этого есть action creator