Все печально :)

это где?

Сколково, вестимо

конечно печально. это ж рит++

https://twitter.com/Blackrabbit99/status/737239949125267456

Народ, есть кто уже набил руку с draft-js ?

Народ, есть кто уже набил руку с draft-js ?

Сижу набиваю :D

А кто как пробрасывает данные в дочерние роуты при использовании react-redux-router?

Может через store?

+

вопрос про flow: вот есть у меня такая ф-ция в компоненте handleClick = (event) => {, flow check ругается, что типа ^ class property handleClick. Missing annotation. Ну я думаю ок, давай я так сделаю: handleClick(event) {, но тогда надо привязывать контекст, но как? в конструкторе – убого, в render() – нельзя, остается только декоратор. кто как делает?

Хз как во флоу (думаю так же), а в нормальных языках все в доках и есть два варианта

Но меня уже просят выключить телефон

Сорян

вопрос про flow: вот есть у меня такая ф-ция в компоненте handleClick = (event) => {, flow check ругается, что типа ^ class property handleClick. Missing annotation. Ну я думаю ок, давай я так сделаю: handleClick(event) {, но тогда надо привязывать контекст, но как? в конструкторе – убого, в render() – нельзя, остается только декоратор. кто как делает?

подозреваю, что Missing annotation — надо добавить определение типа

handleClick = (event: MouseEvent): void => {}

мда, логично) я по каким-то не объяснимым причинам думал, что можно только так: handleClick(event: MouseEvent): void {}, поэтому затупил

а нет) не получается так

https://www.dropbox.com/s/v4l8s2p5aly1vg0/Screenshot%202016-06-01%2011.51.36.png?dl=0

я прям https://github.com/kriasoft/react-starter-kit взял чтобы проще было: https://github.com/kriasoft/react-starter-kit/blob/master/src/components/Link/Link.js#L28

просто думаю насчет целесообразности и не получу ли я на деле больше проблем и метаработы, чем реальной пользы

сделай создание handleClick в конструкторе

ну да, либо в конструкторе, либо декоратором, либо какой-нибудь дичью типа https://github.com/Chrisui/babel-plugin-transform-react-binding, т.к. :: еще рано, да и flow не понимает его еще

по поводу записи handleClick = (event) => {} в конструткоте, в дальнейшем могут быть проблемы )

так как нафелили с этим в спеке и плагине и он не совсем праивлно работает

обожаю эту религию по запрету бинда в рендере

почему религию?) типа преждевременная оптимизация?

Ребят, какие варианты оптимизации в реакте вы знаете: 1) Следить за shouldComponentUpdate 2) Следить, что в рендере не создавались каждый раз новые функции и пробрасывались в пропсы 3) Следить на иммутабельностью ... что можете еще написать?

ну по идее, некоторые еще проверку пропсов в продакшене убирают

даж плагин есть

для этого

proptypes?

а что сильно влияет?

inline-elements ещё

https://medium.com/doctolib-engineering/improve-react-performance-with-babel-16f1becfaa25#.ug4tukr0h

константы еще

сама проверка и так в продакшне убирается, а трансформ убирает свойства из объектов

4) забить на иммутабельность и использовать monotonically increasing clock для трэкинга изменений в объектах

5) использовать interned strings вместо создания кучи строк на каждом рендере для классов итп

а что сильно влияет?

трансформмы бабеля где-то примерно +10% дают к скорости\

сама проверка и так в продакшне убирается, а трансформ убирает свойства из объектов

Знаю я тут одного товарища, который занимался микробенчмаркингом и писал ES3 код, пытаясь оптимизировать работу формы на реакте в ИЕ8.

и собирал бандл без указания NODE_ENV='production' в продакшене

а может есть чатик по flow?

а то много вопросов и не хочу тут спамить всех

Ага, а потом чатик по PostCSS и так далее

странно, что Ситник еще не создал:D

в гиттере же на конкретные темы/проекты чатики

да, по postcss есть в гиттере, а по flow не нашел(

лол https://speakerd.s3.amazonaws.com/presentations/764063fa6585457397374758539abee5/slide_2.jpg —> http://staltz.com/all-js-libraries-should-be-authored-in-typescript.html

а пробовал вот так? handleClick: (event: MouseEvent): void => {}

я думаю у него крыша поедет от двух :

в конструкторе тоже не вариант, тк он ругается this.handleClick = this.handleClick.bind(this); -> property handleClick. Property cannot be assigned on possibly undefined value

а вот походу как надо _test: ()=>void = () => {...

вот здесь увидел https://github.com/facebook/flow/issues/1517

жесть бл...

omfg

handleClick: ()=>void = (event: MouseEvent) => {}

в итоге получилось вообще вот так: handleClick: (event: MouseEvent) => void = event => {

а ну да, у тебя ж параметр на входе

вообще кошмар конечно ?

ERROR: S client not available

нууу хрен знает да

пойду-ка я работать

лучше

хорошо что мне flow не нужен)

сама проверка и так в продакшне убирается, а трансформ убирает свойства из объектов

а SCU писать всегда самому?) Или SCU не нужен?

с редуксом не нужен наверне, а так нужен на один тип компонентов на страницу обычно

redux-elm кто-нибудь использует?

зачем? elm же сам по себе уже redux’овый

вопрос про это https://github.com/salsita/redux-elm насколько я понял

т.е. как бы не elm-redux, а redux-elm, чтобы это не значило

в рот мне ноги

понаделают же

странно, что Ситник еще не создал:D

уверен, что создал)

в слэеке или гиттере

В гиттере есть

ну в гиттере то да

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

Чатик привет. Подскажи есть ли какие средства для быстрого развертывания админки. Что имеем: база на postgreSQL, логика на java, фронт на (react+redux и т.д.). Необходимо создать фронтбэка с crud табличек базы используя текущие rest'ы Есть предложение от бэкендеров использовать Ext JS, но не хочется использовать этого монстра.

А несколько быстро надо?

Вообще подойдет что угодно, в чем есть экспертиза + какой-нибудь бутстрап

Хочет максимально дешевле. Говорят вот на вашем реакте, создать таблицу с crud пару дней долго. На том же ExtJS всего лишь json с данными просунуть и якобы все. Искал готовые варианты на react, какой нибудь стартер кит с crud таблицей, но пока не нашел. Из меньших зол нашел на ангуляре ng-grid

аналог ng-grid на реакте за день запилить можно. При том что большинство компонентов готово, если опыт есть - возможно и быстрее. Ну это так, к слову

Для реакта есть готовый http://griddlegriddle.github.io/Griddle/

Для евангелистов ExtJS в аду стоит отдельный котёл.

ну вот) мне кажется это заблуждение, что на реакте дольше. Дело в том, что разработчики бросились на реакте все пилить, когда еще толком инструментов небыло и еще плохо разбирались. Из-за этого возникло ощущение, что на реакте пилить дольше

> Alexander Хочет максимально дешевле А extjs разве бесплатный?

А кто-нибудь проводил когда-нибудь code-review? Очень интересно было бы послушать как вы это делали и на что обращали внимание в первую очередь

> Alexander Хочет максимально дешевле А extjs разве бесплатный?

Для некоммерческого использования бесплатный

Дешевле в плане времени

> Alexander Дешевле в плане времени быстрее значит)