https://github.com/gaearon/react-hot-loader/issues/298#issuecomment-264459986 Ну я вот этим решил траблы пока, походу

Второй день, как нырнул в это всё, реакт

Взял create-react-app

у этого лоадера проблемы

если юзаешь import()

то всё, конец

можешь покричать в воздух code spliting

и забить

мне код сплит не нужен

нестандартненьким не балуюсь

так это же стандартный кейс, просто на будушее. если вдруг захочешь заюзать.

у этого лоадера проблемы

В чем проблемы? Про какой лоадер ты?

react-hot-loader

Все работает там

И приложуха перезапускается и код сплитинг

Спасибо. Ток это про Нод:) там сразу идет npm install...

Это нормально

Друже, есть задачка - мне нужно собрать отдельный модуль для передачи другим прогерам в другой проект. на webpack. Компоненты React. Т.е. пользователи моего модуля должы будут просто подключит либу import M2 from './m2', и использовать как <M2 {...this.prosp} > Дело в том, что нужно будет выделить в отдельный файл все общие библиотеки типа React , momnetjs и т.д. Т.к. у парней они есть свои. Так вот как же сконфигурировать конфиг правильно для этого? Использование DllPlugin вроде тут оправданно. Но тогда я должен буду поставить собранный пакет vendors.js который будет полуключатся внутри и использоваться, а он таки не нужен, так как все эти либы у парней уже есть

в библиотеке не нужен vendors, он собирается в приложении

в либе в конфиге webpack externals: { "react": { root: 'React', commonjs2: 'react', commonjs: 'react', amd: 'react' }, 'react-dom': { root: 'ReactDOM', commonjs2: 'react-dom', commonjs: 'react-dom', amd: 'react-dom' } },

и тп

Друже, есть задачка - мне нужно собрать отдельный модуль для передачи другим прогерам в другой проект. на webpack. Компоненты React. Т.е. пользователи моего модуля должы будут просто подключит либу import M2 from './m2', и использовать как <M2 {...this.prosp} > Дело в том, что нужно будет выделить в отдельный файл все общие библиотеки типа React , momnetjs и т.д. Т.к. у парней они есть свои. Так вот как же сконфигурировать конфиг правильно для этого? Использование DllPlugin вроде тут оправданно. Но тогда я должен буду поставить собранный пакет vendors.js который будет полуключатся внутри и использоваться, а он таки не нужен, так как все эти либы у парней уже есть

externals

externals - а он не даст собираться отдельно вендерным либам?

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

externals сейчас заюзаю посмотрим

отдельные конфиги для либы и примера приложения. пример использования делай как storybook

если юзаешь import()

В этом случае надо юзать Babel loader?

В этом случае надо юзать Babel loader?

Хз. У меня тс

Интересно, а есть те, кто от TS + Flow ушёл назад в ES6?

Eh, нафига?

Вот это и обсудить

Так, если правильно понял, либы собрать отдельно в паралельном режиме. А для основного использовать конфиг с externals

для либы использовать конфиг с externals, для примера использования использовать storybook

Вот это и обсудить

Да хз даже что тут обсуждать. Не нравятся типы в js — не юзай. Но мы вот подсели надолго и без них уже не можем.

ммм. Решила перекатиться на второй вебпак и внезапно получила странную проблему. При NODE_ENV='production' webpack -p прод билд собирается с дев-сервером. Из-за чего вообще такое может быть?

Конфиг - https://github.com/wop-wops/webpack-2_tmp

Ошибка: Uncaught Error: [HMR] Hot Module Replacement is disabled. at Object../node_modules/webpack/hot/only-dev-server.js

ммм. Решила перекатиться на второй вебпак и внезапно получила странную проблему. При NODE_ENV='production' webpack -p прод билд собирается с дев-сервером. Из-за чего вообще такое может быть?

-p —optimize-minimize —define process.env.NODE_ENV="production", see building for production

ну это к слову

https://webpack.js.org/api/cli/#shortcuts

ну это к слову

Приходится писать NODE_ENV='production' т.к. через шорткат node_env = unndefined

ну как воркараунд, развернуть этот шоркат в билд конфиге

товарищи, обернул material-ui компоненты как тут в примере http://redux-form.com/6.5.0/examples/material-ui/

но SelectField не работает при клике никак не реагирует

встречался ли кто-нибудь с этим уже? если да, то как решали? видел в отдельной либе враппере похожую issue

https://github.com/erikras/redux-form-material-ui/issues/94

ребята,начал осваивать redux,и возник такой вопрос: как мне сразу в store при его инициализации передать данные из сервера,получение mysql запросом?

ребята,начал осваивать redux,и возник такой вопрос: как мне сразу в store при его инициализации передать данные из сервера,получение mysql запросом?

Код клиентский или серверный?

combot.org/chat/-1001032883247

А что это за спам?

ммм. Решила перекатиться на второй вебпак и внезапно получила странную проблему. При NODE_ENV='production' webpack -p прод билд собирается с дев-сервером. Из-за чего вообще такое может быть?

В общем, не надо было в прод конфиг помещать в энтри поинты 'react-hot-loader/patch', 'webpack-dev-server/client?http://${consts.HOST}:${consts.PORT}', 'webpack/hot/only-dev-server', А долго не вылавливалась причина т.к. забывала кэш чистить т.Т

а есть у кого коа2 + реакт с хотерлоадом и вебпак 2 ?

а то чет что не шаг дак косяк приходится разбирать ))

? Друзья, пару месяцев назад состоялся первый React Moscow Meetup. Судя по отзывам участников, это было действительно круто. Вспоминаю довольные лица и горящие глаза людей, которые выходили из зала, даже не сомтря на то, что уже был поздний вечер. Теперь, когда новогодняя суета позади, настала пора снова собраться! За это время произошло много интересных событий и появились новые темы для обсуждения. Приглашаю вас поделиться своими исследованиями и практическим опытом - что интересного сделали / почему решили делать именно так / какие проблемы были и каки их удалось решить / полезные выводы и рекомендации. В этот раз давайте попробуем такую форму подачи заявки на следующий React Moscow Meetup - через создание GitHub Issue: + https://github.com/ReactMoscow/talks/issues/new В таком подходе мы можем: + Увидеть реакции на вашу заявку + Любой желающий может задать вопросы и предложения в комментариях + У вас появится "зелёный" квадратик Contributions в профиле + Вы можете создавать много разных заявок на доклад + Мы можем эффективней планировать выступления, объединять их по темам + Там же, в задаче, мы сможем публиковать ссылку на слайды и видео конечного выступления

кто-то юзает yeoman generator реакта?

create-react-app в помощь

Если не знаете, что рассказать, добавили раздел с примерами тем, про которые хотелось бы поговорить. https://github.com/ReactMoscow/talks#themes

? Друзья, пару месяцев назад состоялся первый React Moscow Meetup. Судя по отзывам участников, это было действительно круто. Вспоминаю довольные лица и горящие глаза людей, которые выходили из зала, даже не сомтря на то, что уже был поздний вечер. Теперь, когда новогодняя суета позади, настала пора снова собраться! За это время произошло много интересных событий и появились новые темы для обсуждения. Приглашаю вас поделиться своими исследованиями и практическим опытом - что интересного сделали / почему решили делать именно так / какие проблемы были и каки их удалось решить / полезные выводы и рекомендации. В этот раз давайте попробуем такую форму подачи заявки на следующий React Moscow Meetup - через создание GitHub Issue: + https://github.com/ReactMoscow/talks/issues/new В таком подходе мы можем: + Увидеть реакции на вашу заявку + Любой желающий может задать вопросы и предложения в комментариях + У вас появится "зелёный" квадратик Contributions в профиле + Вы можете создавать много разных заявок на доклад + Мы можем эффективней планировать выступления, объединять их по темам + Там же, в задаче, мы сможем публиковать ссылку на слайды и видео конечного выступления

Можно предлагать только то, что хотел бы рассказать или можно и то, что хотел бы послушать (исключая банальщину разумеется)?

Вот здесь можно темы предлагать о том, что хотелось бы услышать: + https://github.com/ReactMoscow/talks/issues/2 Предлагайте ваши темы! :)

Не стесняйтесь, пишите смело :) Можете на русском

Рассказать чтоли про то как мы с мобиксом дружим:)

Отличная тема :) Можно сразу в https://github.com/ReactMoscow/talks/issues/new

>Processing asynchronous actions (e.g. HTTP requests) with SSR вот это

как правильно писать prefetch

я отказался от мобикса после того как увидел mobx-tools

ERROR: S client not available

https://github.com/ReactMoscow/talks/issues/2 - интересные темы пошли

и у меня жопа возгорела

я отказался от мобикса после того как увидел mobx-tools

почему?

почему?

https://github.com/mobxjs/mobx-utils

оверхед

еще меня очень ебало то то ObservableArray != Array

и дебажилось оно сложно

ну так не обязательно их использовать

ObservableArray != Array потому что JavaScript

ну так не обязательно их использовать

ну это как бы тебе предлагается как одно из важных направлений

ну мне похуй

я не хочу оверхеда

я хочу нативные типы

то есть не существует хорошего способа сделать обычный Array наблюдаемым

Оверхед потому совместимость с es5

Костыли-с

я хочу нативные типы

а это уже к JS вопросы

все, что идет вразрез с парадигмой языка – плохо

Ну куда без них

Я смотрю, тема действительно живая и популярная :)

в JS нет нативных наблюдаемых типов

и MobX в этом не виноват

На прошлом React Amsterdam Conf был доклад по MobX интересный, вот его ещё можно было бы адаптировать https://www.youtube.com/watch?v=ApmSsu3qnf0

и это уже никак не исправить к сожалению, по крайней мере в ближайшее время

У нас это уже на 50+ домейн-классов. Ничего не лагает. Оверхед...

https://github.com/mobxjs/mobx-state-tree

вот это тоже пушка

У нас это уже на 50+ домейн-классов. Ничего не лагает. Оверхед...

оно и не должно лагать

оверхед просто в коде

оверхед просто в коде

Какой оверхед в коде???

@observable private myArray =[];