Сурово. А готового решения нет?

а чем оно не готовое решение? Там выбрал руками озу и видео и погнали

а чем оно не готовое решение? Там выбрал руками озу и видео и погнали

Хм...

Умно.

как такую тему с помощью bindActionCreators написать? dispatch => ({ openAccountPopup: () => {dispatch(openPopup('account'))}, })

как такую тему с помощью bindActionCreators написать? dispatch => ({ openAccountPopup: () => {dispatch(openPopup('account'))}, })

тоже самое только выкинуть dispatch

bindActionCreators({ openAccountPopup: () => openPopup('account') }, dispatch);

Бля че реакт 16 хуево совмещается или че? Я думал проблем не будет

другие либы тоже существуют

а некоторые любят лезть в кишки реакта

Бля че реакт 16 хуево совмещается или че? Я думал проблем не будет

Нормально все. Проблемы есть у тебя?

улет, спс

Нормально все. Проблемы есть у тебя?

Вроде планируется делоть, но я слышал что не должно быть проблем

а некоторые любят лезть в кишки реакта

Может пару экзамплов?

мне лень отдельно импорт делать

Как тяжело наверное imrc вместо imr тыкнуть)

да

у меня автоимпорт

у меня автоимпорт

Эт как?

тьфу

автогенерация

и там стоит import react

а лезть менять лень

Эт как?

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

да, автоимпорт так работает

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

А если написать Component, он не сможет заимпортить react, { Component } ?

А если написать Component, он не сможет заимпортить react, { Component } ?

хз

Сможет

у меня сниппет

есть вероятность что сделает две строки импортов

dudes, подскажите, а то я сейчас уже мозг сломаю. Есть react и mobx. Хочу декоратор, который будет инжектить стор и следить за его готовностью. Если стор готов - рендерит компонент, если не готов, то рендерит лоадер. То есть примерно так: const store1 = observable({ isReady: false, someRemoteData: null, loadData: action(() => this.isReady = true) }) const store2 = observable({ isReady: true, }) const subscribe = (...storeNames) => Component => { const ObservingComponent = observer(Component) const LoadingWrapper = props => { const isReady = every(storeNames, storeName => props[storeName].isReady) return isReady ? <ObservingComponent {...props} /> : <Loading /> } return inject(...storeNames)(observer(LoadingWrapper)) } const MyComponent = subscribe("store1", "store2")(({ store1 }) => store1.someRemoteData)

Вот в такой форме это нормально не работает

А как сделать такое правильно?

recompose branch

так?

ну то есть я знаю что это такое, но чем это поможет?

ну у тебя же в пропсах передается стор?

(я мобх давно тыкал, не помню)

ну я более-менее завершенный код привел

ты идею объясни ?

compose( inject(…), branch((props) => !props.store1, <Loading />) )(YourComponent)

вместо props.store1 подставь что там тебе надо мониторить для “готовности”

Я вижу основую проблему того что я написал в том что если в store1 вдруг произойдет изменение isReady = false; someRemoteDate = null, то тогда сначала отрендерится (с ошибкой возможно) MyComponent, а уже потом, если повезет сработает LoadingWrapepr

Ну ты просто написал то же самое что и я, только короче ?

ну мне лень читать твою портянку )

тогда мой вопрос не будет понятен ?

Я вижу основую проблему того что я написал в том что если в store1 вдруг произойдет изменение isReady = false; someRemoteDate = null, то тогда сначала отрендерится (с ошибкой возможно) MyComponent, а уже потом, если повезет сработает LoadingWrapepr

значит тебе надо определить более тщательно критерий “готовности стора”

Да не

смотри

если я правильно понимаю mobx

то если у нас есть дерево компонент и они все объявлены как observer, мобх пытается их ререндерить от самого глубокого

тогда я пас )

но это

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

ну, либо не передавать в компоненты обсерваблы

нуууу

вариант

так нет же

а можно так?

тогда мобх не нужен =)

compose( inject observable branch )?

ну это ты начинаешь гадать уже ?

я не гадаю, я спросил)

так, дай сообразить что ты предлагаешь

ERROR: S client not available

ты предлагаешь сделать HOC обзерваблом?

это как вообще ?

так можно?

нет, я предлагаю поверх бранча навернуть обсервабле

не знаю позволит ли магия мобх это сделать

брр

ничего не понимаю..

так

кто тут за мобх топил

щас засаммоним

Алексей

dudes, подскажите, а то я сейчас уже мозг сломаю. Есть react и mobx. Хочу декоратор, который будет инжектить стор и следить за его готовностью. Если стор готов - рендерит компонент, если не готов, то рендерит лоадер. То есть примерно так: const store1 = observable({ isReady: false, someRemoteData: null, loadData: action(() => this.isReady = true) }) const store2 = observable({ isReady: true, }) const subscribe = (...storeNames) => Component => { const ObservingComponent = observer(Component) const LoadingWrapper = props => { const isReady = every(storeNames, storeName => props[storeName].isReady) return isReady ? <ObservingComponent {...props} /> : <Loading /> } return inject(...storeNames)(observer(LoadingWrapper)) } const MyComponent = subscribe("store1", "store2")(({ store1 }) => store1.someRemoteData)

Да вроде нормально всё должно работать. Обзёрверу вообще должно быть пофиг. Да и LoadingWrapper тоже обзёрвер, так что он должен на изменения isReady подписаться

А стоп.

Он подписывается. Но насколько я понимаю проблему - пусть вдруг isReady = false и someRemoteData = null. Были и пропали. Тогда сначала ререндерится конечный компонент, нервничает из-за того что someRemoteData куда-то делся, плюется эксепшенами, а уже только потом (если доживем до этого) ререндерится LoadingWrapper, который должен этот компонент скрыть

Я могу спросить иначе. Хер с ним с моим решением и кодом. Как сделать то что я хочу? ?

Повторю постановку задачи — пусть у меня есть сторы с интерфейсом isReady.

Хочется оборачивать любые компоненты в некий декоратор, который этот isready проверяет и если нет, то вместо компонента я вижу Loading

Не, он не должен эксепшенами сыпать.

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

const MyComponent = subscribe("store1", "store2")(({ store1 }) => store1.someRemoteData)

вот что меня смущает

а точнее то, что компонент возвращает непонятный store1.someRemoteData

да не

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

во первых, если я не ошибаюсь, компоненты-функции не могут возвращать null

а

имеется в виду что компонент обращается к observable значению

там конечно типа => <div>{store1.someRemoteData}</div>

ну если обращается, то по идее будет подписка

то есть он всегд к isReady обращается и подписан