Не знаю по этому и спрашиваю.. а что такое hoc?

компоненты высшего порядка

https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750#.2f07o3m4c

ну вот у меня собственно вопрос и остался - все перешли на hoc или еще есть люди пользуещиеся mixin’aми ?

Ну есть react-mixin, для декораторов, нас устраивает

hoc это функциональщина

И чем это плохо?

И чем это плохо?

миксины? спроси Даню :)

Я не про миксины.

Я про фп

Не буду говорить, что фп спасение, но нет никаких препятствий его юзать там, где можно.

Ну чем плох функциональный подход к сторам/компонентам? Наверное тем что ООП это не зря придумали

Мммм

Не понял вас.

Ну нам дали es6 классы, а народ hoc прикручивает

Ну нам дали es6 классы, а народ hoc прикручивает

но es6 классы это ж просто сахар, так что нам по идее ничего не дали

кроме более приятного синтаксиса

>прикручивает

А что там прикручивать?

но es6 классы это ж просто сахар, так что нам по идее ничего не дали

не совсем сахар - es6 классы имеют свое поведение и свои особенности - но да - они базируються на томже прототипном наследовании

Наверное, кому-то удобно работать с протипами, чем с обычной функцией.

Никогда не понимал концепции примесей. По сути это множественное наследование и с ним масса проблем. А компоненты более высокого уровня это простая композиция.

миксины ужасны, потом начинается треш с тем, что непонятно кто изменил значение и как получился такой результат)

https://github.com/RamonGebben/noBind в чем соль? А как же onClick={() => clickHandler()}

https://github.com/RamonGebben/noBind в чем соль? А как же onClick={() => clickHandler()}

в том, что onClick={() => clickHandler()} создаёт новую функцию на каждый рендер

хмм

в том, что onClick={() => clickHandler()} создаёт новую функцию на каждый рендер

но его либа делает то же самое, возвращает каждый раз новую ф-цию)

https://github.com/RamonGebben/noBind/blob/master/index.js#L10

но его либа делает то же самое, возвращает каждый раз новую ф-цию)

нет, читай ридми

https://github.com/RamonGebben/noBind/blob/master/index.js#L10

пфффф

Что пфф, каждый раз когда вызывается ф-ция render, вызывается фунция noBind, которая что делает? Возвращает новую функцию при каждом вызове. Разве не так?

то же самое что и {(a) => a}

Что пфф, каждый раз когда вызывается ф-ция render, вызывается фунция noBind, которая что делает? Возвращает новую функцию при каждом вызове. Разве не так?

потому и "пффф" ))

соглашаюсь, что хрень какая-то

странно все это

странно все это

это жаваскрипт разработчики, ничего странного

Немного странный способ =))

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

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

может быть создавать новую фунцию дешевле, чем копировать оО

но чет звучит сомнительно:D

надо будет потом заняться этим вопросом

у меня как раз проект висит, где тьма event'ов, будет над чем поэксперементировать

event delegation никто не отменял

там не только в создании функции проблема, а еще и в том, что (() => {}) !== (() => {})

У него тож такая проблема будет, потому что каждый раз из нового скоупа функция возвращается, скорее всего и ссылка будет другая уже

короче всё это обсуждали уже речь вот об этом https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md вот мнение, что это может привести к сильному падению производительности: https://medium.com/@esamatti/react-js-pure-render-performance-anti-pattern-fb88c101332f#.1itcqdnlx Можно не согласиться и проверить/измерить самому, будем рады ;)

спасибо

https://github.com/RamonGebben/noBind в чем соль? А как же onClick={() => clickHandler()}

а я просто создаю функцию как член класса

increaseQty = () => this.increaseQty(); render() { <button onClick={this.increaseQty} className="button success">+</button> }

а я просто создаю функцию как член класса

но её каким-то полюбившимся способом нужно привязать к контексту класса

так норм, но это не стандарт и возможно поломают такое поведение

increaseQty = () => this.increaseQty(); render() { <button onClick={this.increaseQty} className="button success">+</button> }

и вот этот способ пока не принят

а я просто создаю функцию как член класса

обычно это в конструкторе делают)

у меня ts

но её каким-то полюбившимся способом нужно привязать к контексту класса

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

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

это и есть один из способов )

constructor() { this.handle = this.handle.bind(this); }

class InputExample extends React.Component { state = { text: '' }; change = ev => this.setState({text: ev.target.value}); render() { let {text} = this.state; return (<input type="text" value={text} onChange={this.change} />); } }

Вроде так не напрягает

Напрягает только что для списков приходится делать отдельный компонент/рендер функцию

Напрягает только что для списков приходится делать отдельный компонент/рендер функцию

да, немного но оно и к лучшему почти всегда!

Насколько я понимаю, это имеет смысл только если используется https://facebook.github.io/react/docs/shallow-compare.html иначе разницы особой не будет.

А какой плагин для postcss можно поставить чтобы можно писать как-то так: ? .className { height: 1em; width: @height }?

А какой плагин для postcss можно поставить чтобы можно писать как-то так: ? .className { height: 1em; width: @height }?

https://github.com/postcss/postcss-simple-vars

google postcss vars

опередили

Жуки

ERROR: S client not available

опередили

Да ничего, и тебе спасибо)

Тока перменные то норм, а вот как пример выше - не срабавает, компилится в @height

Хотя я подключаю дефолтово его

Может чо в сеттингс передать надо?

На гитхабе такого примера нету

А вейт

Там же было не $var

А @var лел

Что это значит?

?

Мишган, так как ты написал можно писать в стайлусе

Ну так пусть будет @width

Второй стайлус виден кстати?

Мишган, так как ты написал можно писать в стайлусе

Пофиг что вначале: бакс или at. Но не комплится так)

ЛОЛ

В смысле?

С баксом то как может не компилиться?

ЧТо за ошибка?

Второй стайлус виден кстати?

Первый вроде, я перестал следить пока

.className { height: 1em; width: $height }Undefined variable $height

ЧТо за ошибка?

E_NO_MONEY

.className { height: 1em; width: $height }Undefined variable $height

Ну так объяви сначала $height

Это же переменная

ты не понела

>Undefined variable $height

Что не поняла?

Тут четко написано все

Мишган хотел, чтобы значение одного свойства пихнуть в другое

ты не понела

Объясни им)

а не переменные

Типа повторить из этого же блока?

Верно