redux-form вообще стоит использовать?

юзаю, норм

redux-form вообще стоит использовать?

Главное внимательно ознакомьтесь с возможностями, шаг в сторону с ним не сделать

https://docs.google.com/forms/d/e/1FAIpQLScC-xmCStwVmZu_Bh6zu1N_dUyGfEIcnbCkqnNfni1vbxcehQ/viewform

как инициализировать форму в Redux Form если action который получает данные для иницализации асинхронный, сначала рисуется форма, а потом только приходят данные

?

initialize использовать еще раз затем

let nextInvoked = false; const next = () => nextInvoked = true;

В чем смысл таких манипуляций?

Передать дальше эту фунцию для манипуляции этой переменной?

А понял. Тупой вопрос задал.

посмотри на action creator'ы у redux form

как инициализировать форму в Redux Form если action который получает данные для иницализации асинхронный, сначала рисуется форма, а потом только приходят данные

http://redux-form.com/6.4.3/docs/api/ActionCreators.md/

over-engineering

initialize использовать еще раз затем

а можно диспатчить в action creator в котором загружаются данные. там как во всех учебниках, dispatch(request); axios.get(xxx).then(response => dispatch(success(response)) ВОТ ГДЕ-ТО ТУТ можно диспатчить?)

ну вот initialize это подобное дерьмо

тоже action creators

redux-form вообще стоит использовать?

нет

не тот чат :)

не тот чат :)

Ок, спасибо

@javascript_jobs

@javascript_jobs

Спасибо

over-engineering

а мне не хватате на самом деле ( ну это конечно в зависимости то что вы хотите. Мне нужна ModelForm типа

http://flexboxfroggy.com

Есть вопрос по Immutable Map и mergeIn/merge Если мне приходи большой ответ от сервера с точки зрения уникальных ключей (порядка 100): { key1: {....}, key2: {....}, .... key100: {....} } И мне же приходит его обновленное состояние потом снова. Как лучше смержить предыдущее состояние и новое? Меня смущает то что merge делает новую Map и как следствие Реакт все перерисует что связанно с Map, так как ссылка на объект новая

проще всего сделать shouldComponentUpdate

спасибо, думал об этом

Можно еще сделать массив, где будут хранится изменения

Подгрузились какие-нибудь штучки с сервера - sCU смотрит в него и если есть что-то новое, то возвращает TRUE

кто подскажет, где в исходниках реакта есть работа c Immutable JS структурами?

меня интересует такой вопрос относительно shallowEqual

var a = new Immutable.Map({ numbers: new Immutable.Map({1: 1, 2: 2}), letters: new Immutable.Map({a: 'a', b: 'b'}), });

var b = a.mergeIn(['numbers'], Immutable.fromJS({3:3, 4:4}))

b.get('letters').equals(a.get('letters')) // true

реакт ничего не перерисует для letters?

в исходниках реакта нет ничего про иммутабельные структуры данных, все управляется через shouldComponentUpdate, который по умолчанию возвращает true. Тебе надо переопределять его в своих компонентах, чтобы оптимизировать логику обновления в зависимости от твоих данных

https://facebook.github.io/react/docs/optimizing-performance.html#avoid-reconciliation

вообще есть, но не про иммутаблжс

виртуальный дом иммутабелен

@chicoxyzzy расскрой тему :)

в исходниках реакта нет ничего про иммутабельные структуры данных, все управляется через shouldComponentUpdate, который по умолчанию возвращает true. Тебе надо переопределять его в своих компонентах, чтобы оптимизировать логику обновления в зависимости от твоих данных

Redux connect в принципе shallowEqual делает

это не реакт )

но да, делает

Ну понятно, я к тому что чаще всего не надо руками scu делать

@sane_ecg PureComponent вроде как тоже идет с shallowEqual свойств

но это к слову, про Immutable понял

господа, а есть тут шарящие в mobx? столкнулся с ситуацией, что reaction (render react-компонента) срабатывает не в следующем тике, а в текущем. из-за этого не могу сразу несколько изменений внести - рендер начинается сразу же после первого. никогда не сталкивались? я неправильно его готовлю?

@chicoxyzzy расскрой тему :)

куда дальше-то раскрывать?

вроде дальше некуда

?

нет, я могу объяснить если что-то непонятно, но мне не понятно что именно не понятно)

на самом деле меня инетерсует shallowEqual из коробки в реакте, где он есть кроме PureComponent :)

неужели нет никого кто любит mobx?( ато чёт я совсем не могу нагуглить решение, а лезть в исходники mobx’а не хочется

я люблю, но на расстояние :) жду пока другие обкатают

лучше слазий

неужели нет никого кто любит mobx?( ато чёт я совсем не могу нагуглить решение, а лезть в исходники mobx’а не хочется

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

на самом деле я в нём сам не так давно, пару недель, но 99% кейсов хорошо описаны в их доках и раньше проблем не возникало. это вот первая более-менее нетривиальная

я всегда в таких случаю сразу иду на гиттер mobx

ERROR: S client not available

и спрашиваю у автора либы

не могу выговорить его имя

на самом деле я в нём сам не так давно, пару недель, но 99% кейсов хорошо описаны в их доках и раньше проблем не возникало. это вот первая более-менее нетривиальная

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

если делать dispose autorun/reaction то стор отваливается ок.

имеется в виду, что mobx об этом ничего не говорит, ну что и понятно. это мои личные проблемы, что я не освобождаю обсервер

ммм, типа чтобы GC собирал все сторы, на которых не осталось референсов?

ну вот так правильно componentWillUnmount() { this.store.dispose(); this.store = null; }

по идее при анмаунте авторан, который висит на render должен отваливаться сам по себе. если есть другие автораны - их надо вычищать руками

ммм, момент

dispose() { this.ticketReaction(); }

видимо мы о разном

а нет, не о разном

this.ticketReaction = reaction('blabla',() => this.appStore.isConnected, connected => { if (connected) { blabla(); } } ); }

вот если я где-то этот момент проебал, то всё — висит стор в памяти

а стор как в компонент передаёшь?

Пробовал по разному

просто если через inject - у тебя считай есть список всех сторов, и всех компонентов, которые их инъектят в себя

можно по willmount / willdismount считать кол-во референсов и вызывать в сторах dispose автоматически

немного изврат, но, кстати, не особо нагружающий архитектуру

как Inject поможет?

ну ты можешь сделать свою обёртку над inject

store = new MyStore(AppState);

Typescript

это сразу в начале

мммм

ты сторы как передёшь в компоненты? через Provider + @inject?

нет

просто в компонент

через props?