шта?

15.1.0-alpha на след неделе

Голосуем: https://twitter.com/denisizmaylov/status/733064324214853632

но зачем?

что зачем?

Зачем голосовать? Что это изменит?

ничего. очевидно

зато +10 к пиару

Странно, что нет варианта определить arrow function выше и использовать через this :/

Мы у себя декораторы юзаем и пакет core decorators

Голосуем: https://twitter.com/denisizmaylov/status/733064324214853632

Arrow funcs выбиваются в топ пока)

Оттуда autobind соответственно

:: нет варианта :/

:: нет варианта :/

Это же вроде и есть autobind decorators

Хотя нет, это отдельная либа, посмотрел. Ну в общем я тоже обычно :: юзаю, но думаю, что эту либу можно будет заюзать, это удобно

mobx почти добрался до версии 2.2: https://github.com/mobxjs/mobx/pull/253

А кто нибудь пробовал несколько версий реакта на одной странице дружить?

P.s. Нужно для разработки виджета

А кто нибудь пробовал несколько версий реакта на одной странице дружить?

Можно через webpack подключить несколько версий либы и импортировать из в разных компонентах. PS: сам не пробовал

Кажется будет правильнее вести поддержку нескольких версий реакта у виджета

Arrow funcs выбиваются в топ пока)

А то что они создаются заново в каждом рендере никого не парит?

Кажется будет правильнее вести поддержку нескольких версий реакта у виджета

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

А то что они создаются заново в каждом рендере никого не парит?

а если использовать class + arrow function ? разве тоже каждый раз создаются ?

Можно отдавать скомпилированный и минифицированный bundle

::handle и handle.bind(this) тоже создаются при каждом рендере

в идеале делать bind в конструкторе/свойствах класса, но ломает, видел трансформ для бабела экспериментальный, но не юзал

class Test extends Component { handleClick = event => console.log(21); render() { return <div onClick={this.handleClick}>123</div> } }

обычно в такой записи использую

::handle и handle.bind(this) тоже создаются при каждом рендере

This ^

class Test extends Component { handleClick = event => console.log(21); render() { return <div onClick={this.handleClick}>123</div> } }

+1

при class + arrow function не пересоздаются каждый раз + нет не красивого биндинга в конструкторе )

Сам узнал об этом внезапно когда прикрутил кодстайл аирбнб, с тех пор пилю обработчики в конструкторе

class Test extends Component { handleClick = event => console.log(21); render() { return <div onClick={this.handleClick}>123</div> } }

Годная альтернатива

единствено, нужен подключенный stage-1

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md

у нас включено такое правило )

У нас тоже)

не всем оно нравится

там только в некоторых случаях может мешать )

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

но для тех случаев есть eslint-disable )

там только в некоторых случаях может мешать )

а в каких случаях оно мешает? есть случаи, когда bind() в constructor не подойдет?

когда bind используешь не только как привзяку к контексту, а еще и прокидыванием параметров(карринг).

а чем плохо использовать arrow functions на уровне класса?

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

зачем bind в конструкторе?

Ничем)

stage-1 нужен

Разве что

а, ок, да

у меня stage-0)

когда bind используешь не только как привзяку к контексту, а еще и прокидыванием параметров(карринг).

ага, понятно

кто нибудь еще смотрел как работают es modules в edge?

stage0 это жёстко)

кто нибудь еще смотрел как работают es modules в edge?

у вас получилось импортнуть с стороннего сайта?

Andrey > handleClick = event => console.log(21); в конструкторе?

Andrey > handleClick = event => console.log(21); в конструкторе?

запись нет, но если посмотреть на код, который транспилит бабел, то примерно там

stage0 это жёстко)

А почему?

А почему?

можно столкнутся с проблемой, что изменят спеку и придется переписывать. Но у нас тоже включен stage-0 и всегда его включаю )

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

А что вы юзаете?

Из stage0

У меня проперти в классах и декораторы из stage1

А так больше и ничего, вроде

ERROR: S client not available

в stage-0 сейчас и нет ничего нормального, только биндинг с помошью :: и do {}

да тоже немного на самом деле а есть какой то оверхед допустим при смене со stage1 на stage0? время сборки например?

вот ::биндинг где-то есть точно

я думаю сильно не изменится )

ну вот я тогда не понимаю, зачем юзать stage1 если можно stage0 ))

У меня проперти в классах и декораторы из stage1

появилась новая спека декораторов? их же из бабела выпилили

У меня легаси, точняк

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

это просто сахар .bind(this) === ::, func.bind(obj) === obj::func

this.handler.bind(this) === ::this.handler

жуть какая

жуть это вот когда такое делают: https://jsbin.com/maqora/edit?js,console

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

вроде ничего не забыл, 6 вариантов https://gist.github.com/maullerz/0f8b2ec9543ae08f151e738f3859b7fe

вроде ничего не забыл, 6 вариантов https://gist.github.com/maullerz/0f8b2ec9543ae08f151e738f3859b7fe

Спасибо! Хороший список

В большом компоненте можно еще все методы вынести в отдельный js файл типа handle.js И в конструкторе воткнуть Object.keys(handle).map(key => { this[key] = handle[key].bind(this); }); лол)

вот это дикий быдлокод и непонимание основ реакта)

что именно?

У меня декораторы с легаси плагином не заработали с react-hot-loader@1.3.0. Issue есть по этому поводу, но обсуждения долгие, я попробовал разные комбинации версий и решил, что без декораторы тоже можно жить) у кого-то завелось?

эти 3 метода, по сути они все одинаковы

вот это дикий быдлокод и непонимание основ реакта)

1е в доке реакта)

ну, в качестве примера) Я про реальный код

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

да все три

будут

А кто что выбирает, когда надо передать параметр в метод? Я вот видел много кода, где люди передавали через дата аттрибут

это жесть

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

причем весь проект был так построен

1 и 3 вообще не отличаются, 2 слегка, да

у тебя render может вызываться 100500 раз, и ты туда выносишь тяжелые операции, хотя мог бы сделать их вне render.