Посмотри на пример, там все понятно. DefinePlugin используешь?

кстати что у нас в 2017 со стейт-менеджментом, может новый велосипед изобрели?

Подскажите решение: есть b2b интернет-магазин на Реакте с mobx, и там есть корзина, которая начинает тормозить при овер 500 продуктах в ней. Тормозит от того, что там куча running totals: net weight, price, pallets, customs fees итд., которые пересчитываются каждый раз при изменении корзины. С чего начинать оптимизировать это? Хранить totals отдельно и менять их при каждом действии с корзиной? Если да, то как можно хукнуть изменения объекта в стейте mobx? В redux есть middleware, а как тут быть?

redux

Ребят подскажите если мы делаем авторизацию в изоморфном приложении используя JWT то правильно ли я понимаю что мы получаем токен с сервера с всей инфой в токене и потом на клиенте этот токен расшифровываем и пользуемся?

Подскажите решение: есть b2b интернет-магазин на Реакте с mobx, и там есть корзина, которая начинает тормозить при овер 500 продуктах в ней. Тормозит от того, что там куча running totals: net weight, price, pallets, customs fees итд., которые пересчитываются каждый раз при изменении корзины. С чего начинать оптимизировать это? Хранить totals отдельно и менять их при каждом действии с корзиной? Если да, то как можно хукнуть изменения объекта в стейте mobx? В redux есть middleware, а как тут быть?

посмотри, не меняется ли state в процессе пересчёта. выглядит так, словно в цикле пересчёта или по каждому полю идут вызовы this.setState, вместо одного вызова в конце.

У меня mobx, и самая дорогая ф-я тут это @computed которая считает суммы. Это мемоизация из коробки, так что она будет срабатывать всегда когда корзина меняется. Нужно делать как сказали выше - вручную хранить все эти счетчики и добавлять-вычитать когда нужно.

Например - повесить reaction на изменение корзины и в нём уже смотреть как изменилась и как обновить счетчики

Я, кстати, сомневаюсь, что пробежка по 500 элементам массива может нагрузить фронт

но ошибка такая же

что думаете про redux-orm?

В продолжении оптимизации размера бандла: yarn install && webpack // bundle.js === 940 kb (min) ... npm install && webpack // bunble.js === 807 kb (min) вообщем картина такая: immutable: ^3.8.1 draft-js: свой форк, └── immutable: ~3.7.4 draft-js-plugins-editor: 2.0.0-beta1 ├── immutable: ^3.8.1 └── draft-js: >=0.9.1 └── immutable: ~3.7.4 c yarn я получаю 2 draft-js и 3 immutable c npm я получаю 1 draft-js и 2 immutable вот так, заглядывайте внутрь ваших бандлов ))

Я помогал немног Марку с этой статьей. Вообще, мне идея показалась интересной, но конкретно редакс-орм дает такую нехилую доп.сложность абстракции. Не стал у себя использовать, не настолько сложная работа с данными.

И эта хрень без отказа от yarn не решается никак?

пока не думал как нормально решить, но по быстрому так захачил "postinstall": "rm -rf node_modules/draft-js/node_modules/immutable && rm -rf node_modules/draft-js-plugins-editor/node_modules/draft-js && rm -rf node_modules/draft-js-plugins-editor/node_modules/immutable",

пока не думал как нормально решить, но по быстрому так захачил "postinstall": "rm -rf node_modules/draft-js/node_modules/immutable && rm -rf node_modules/draft-js-plugins-editor/node_modules/draft-js && rm -rf node_modules/draft-js-plugins-editor/node_modules/immutable",

хотя может это dedupe в webpack 2 не правильно работает

может завтра попробую. там конфиг надо переписывать.

В продолжении оптимизации размера бандла: yarn install && webpack // bundle.js === 940 kb (min) ... npm install && webpack // bunble.js === 807 kb (min) вообщем картина такая: immutable: ^3.8.1 draft-js: свой форк, └── immutable: ~3.7.4 draft-js-plugins-editor: 2.0.0-beta1 ├── immutable: ^3.8.1 └── draft-js: >=0.9.1 └── immutable: ~3.7.4 c yarn я получаю 2 draft-js и 3 immutable c npm я получаю 1 draft-js и 2 immutable вот так, заглядывайте внутрь ваших бандлов ))

Есть объяснение почему такая разница?

ты используешь create-react-app?

может кто знает почему ругается на такую запись: class ProfileForm extends Component { state = { user: '' }; Module build failed: SyntaxError: Unexpected token (6:8) 4 | 5 | class ProfileForm extends Component { > 6 | state = { user: '' }; | ^