не знаю, надо проверить. Видимо если функция не анонимная, то имя присваивается как имя компонента

а так ставиться StatelessComponent

а

Мне кажется он равно забыл поставить просто в примере своем.

а у всех (на маке) тоже такая проблема что dev middleware иногда не видит изменений когда глубокая вложенность файлов, например, > 4?

webpack + dev middleware

poll: false

это как-то чинится (кроме poll: true)? все таки сделал тупо poll: true, + интервал побольше чтобы ноут не стек на пол

Folks, а есть тут у кого-нибудь большой проект, посередине которого например перешли на flow?

Интересно насколько это повлияло на стремные баги.

Folks, а есть тут у кого-нибудь большой проект, посередине которого например перешли на flow?

Ага, ну я правда переходил на flow не совсем в середине, а ближе к началу

я в какой-то момент врубил флоучек, а потом вырубил

довольно большой проект

В целом спасает от тупых багов и всяких опечаток, но писать становится чуть дольше

С переходом проблем нет - включил/выключил, он вобще очень опциональный

это как-то чинится (кроме poll: true)? все таки сделал тупо poll: true, + интервал побольше чтобы ноут не стек на пол

Poll это ж жесть А как и где ты интервал выставляешь?

poll: 100, aggregateTimeout: 300

watchOptions.poll: true: use polling number: use polling with specified interval

а у всех (на маке) тоже такая проблема что dev middleware иногда не видит изменений когда глубокая вложенность файлов, например, > 4?

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

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

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

Глянь вот этот: https://github.com/kriasoft/react-starter-kit/

Точнее протестируй на нем :)

ок, да, я понял)

Самый лутчий стартер кит который я видел

Самый лутчий стартер кит который я видел

а он разве production ready? вроде стартует через babel-node или я что-то упускаю?

а он разве production ready? вроде стартует через babel-node или я что-то упускаю?

Нет, там все хорошо, билдится, запускаешь через node build/server

понял

он вроде серверную часть через вепбак тоже прогоняет или ошибаюсь?

Да, конечно

а в чем преимущества по-сравнению с просто прогоном сервеного кода через babel?

он вроде серверную часть через вепбак тоже прогоняет или ошибаюсь?

Да, он билдит два бандла, для сервера и клиента. Здесь есть создатель, @koistya.

а в чем преимущества по-сравнению с просто прогоном сервеного кода через babel?

Не понял вопроса.

Почему использование React сразу подразумевает, что сервер на node и все такое. Просто фиг поиспользуешь такой стартер, когда сервер на php написан. Или как то это можно решить?

не не, сервер на ноде, реакт рендерится на сервере

просто вместо того, чтобы делать один большой bundle для серверной части у меня код для сервера просто прогоняется через babel

то есть не получается одного server.js, а все как лежало в отдельных папочках, так и осталось

просто вместо того, чтобы делать один большой bundle для серверной части у меня код для сервера просто прогоняется через babel

На выходе ты получаешь также сбилженный серверный бандл, так?

только траспайлятся отдельные отсутствующие es6 фичи

то есть не получается одного server.js, а все как лежало в отдельных папочках, так и осталось

Значит ты на горячую через babel-node запускаешь?

нет, через обычную ноду

ну или babel-register в entry point, так?

babel-node не для продакшена

нет, и без babel-register

через https://www.npmjs.com/package/babel-preset-es2015-node4

этот плагин ковертит некоторые фичи es6 в es5 и дальше все на обычной ноде запускается

с шестеркой еще меньше надо транспайлить

для клиента все как обычно - webpack all the things

Почему использование React сразу подразумевает, что сервер на node и все такое. Просто фиг поиспользуешь такой стартер, когда сервер на php написан. Или как то это можно решить?

Есть какое-то решение для серверного рендера реакта на php, вроде даже проскакивало здесь вчера. Но в целом такая идея выглядит как экзотика, по крайней мере для меня

Есть какое-то решение для серверного рендера реакта на php, вроде даже проскакивало здесь вчера. Но в целом такая идея выглядит как экзотика, по крайней мере для меня

и для php написали, и на Java Nashorn запускали.. но зачем?

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

а рендерить на сервере очень хочется..

а он разве production ready? вроде стартует через babel-node или я что-то упускаю?

ready ready :) весь код компилиться на ES5, будем его использовать на новом проекте с 6 нодой и под современные браузеры, думаю вообще без бабеля обойдемся

я ничего не имею против компиляции в es5 :) мне интересен вариант, когда компилится в es5, но не собирается в единый server.js webpack'ом

я ничего не имею против компиляции в es5 :) мне интересен вариант, когда компилится в es5, но не собирается в единый server.js webpack'ом

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

"что и куда компилиться" - это что именно? я понимаю как оно компилится и как получаются два bundle

если не собирать вэбпаком, то нужно думать что делать с <img src={require('./img.png')} />, import styles from './styles.scss' и тп

ага, тут я схитрил и использую https://github.com/istarkov/babel-plugin-webpack-loaders

для стилей

боже кто так вообще делает? <img src={require('./img.png')} />

это зачем?

а для картинок небольшая утилита резолвит url для картинок в рантайме на сервере

на основе webpack stats

который я все равно должен получить, чтобы иметь список css/js для каждой entry point

туда и картинок список складывается в json

это зачем?

Чтобы для маленьких картинок (например меньше 10кб) не создавать отдельных http-запросов, они будут закодированы в base64

Была уже ссылка?)

ERROR: S client not available

здесь не было )

Кто-нибудь может подсказать, из @connect можно дотянуться до componentDidMount ? Или там только stateless components и фиг вам?

Там props доступны по ownProps

Почему то раньше не заводилось, нормально класс передался, ошибся где-то наверное.

боже кто так вообще делает? <img src={require('./img.png')} />

это зачем?

плюсую. base64 место в ксс

https://github.com/RamonGebben/react-perf-tool

а при чем тут base64?

В вебпаке так можно получить url картинки. Совсем необязательно это будет base64

ну, на самом деле я погорячился. Как только написал тут же понял, что преимуществ у такого подхода много - чего стоит инкапсуляция всего компонента, когда еще и ксс модули юзаются. Потом снес папку и все файлы, которые нужны компоненту тоже удалились, не надо по папке /static/ бегать, например. Ну, и плюсы описаные выше тоже) В последнем проекте просто отказались от этого, но в следующем обязательно заюзаю снова

у нас html в js. Пора отказаться от слова ненормально :)

на сервере, чтобы не падало, можно заюзать

https://github.com/aribouius/asset-require-hook

или самому написать. там мало кода

а еще можно узнать о target свойстве webpack конфига ;)

ну, это я про обычный импорт роута без вебпака на сервере

выше с этого началось обсужденеи)

ну, это я про обычный импорт роута без вебпака на сервере

А это разве не deprecated? https://github.com/aribouius/asset-require-hook/blob/master/src/hook.js#L2

реакт умеет ловить события клавиатуры на дивах?

onKeyPress, onKeyUp и onKeyDown вообще не триггерятся

не назначать же руками в DidMount

реакт умеет ловить события клавиатуры на дивах?

Может это поможет - http://stackoverflow.com/a/3759382

Там предлагают добавить tabindex

агаа, это вообще в жс проблема? странно, что раньше не замечал

решил сделать обычное закрытие по Esc

навесил на документ =)

реакт умеет ловить события клавиатуры на дивах?

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

Там предлагают добавить tabindex

Да, тоже самое с onFocus & onBlur

Кто-нибудь использует RethinkDB?

+