ни в классе ни просто

onClick={this.onClick} - “теряешь” обьект, потому и надо его как-то прибить. this.doSomeStuff() onClick = { () => this.onClick()} <- this на месте, все окей

???

onClick={this.onClick} - “теряешь” обьект, потому и надо его как-то прибить. this.doSomeStuff() onClick = { () => this.onClick()} <- this на месте, все окей

вот как раз в этой ситуации ничего не теряется

А если я объявил функцию в классе: filter = () => {} то в onClick я могу напрямую пердавать ?

А если я объявил функцию в классе: filter = () => {} то в onClick я могу напрямую пердавать ?

да

onClick = this.onClick; onClick() <- ой, а где this?

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

стрелочная привязывает контекст

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

стрелочная привязывает контекст

не привязывает

это называется замыкание

замыкает

Нет. Стрелочная функция не ИМЕЕТ собственный контекст.

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

Подскажите а stateless компоненту можно через константу в рендере определять или ее лучше выносить из класса ?

в программировании, то что делает стрелочная функция, называется - замыкание

это есть в С++

это есть везде где есть лямбда функции

С++ вообще тащит

замыкающие на себе текущий контекст

Подскажите а stateless компоненту можно через константу в рендере определять или ее лучше выносить из класса ?

выносить

Хорошо, функция render использует this почти всегда, ее нужно делать as arrow function ?

почему нет, пусть все будет консистентно и только arrow

конструкор можно не писать

взгляните на город Портофино это поможет понять всё про arrow function

взгляните на город Портофино это поможет понять всё про arrow function

вот сейчас не понял

Хорошо, функция render использует this почти всегда, ее нужно делать as arrow function ?

ты не можешь делать arrow function предопределенные функции лафй цикла

кроме того некоторые функции ты обязан делать static

типа static getDerivedStateFromProps(nextProps)

ты не можешь делать arrow function предопределенные функции лафй цикла

могу

типа static getDerivedStateFromProps(nextProps)

и статики стрелкой могу

Блин писал в render такие штуки: const Arrow = ({direction,filter}) => ... const active = (this.state.filter === filter) ? 'active' : ''; —------------------------------------------------------------------ <Arrow direction="up" filter="rooms" /> И идеально, а когда выносишь то определять какой компонент активный сложнее уже

и статики стрелкой могу

теоретически конечно все можно это ж js

теоретически конечно все можно это ж js

да не теоретически, проверил и все ок

Всем привет, хочу прокинуть в стор при серверном рендере пропсы, с данными из базы. Я сделал это посредством вызова экшена с переданными данными и прокидыванием данных в редьюсер. Правильно ли это? Хотел сделать по другому, вызывая экшн с последующем вызывом саги, в которой идёт стягивание данных из апи, но не знаю как отследить выполнение саги, чтобы дождаться данных(

Всем привет, хочу прокинуть в стор при серверном рендере пропсы, с данными из базы. Я сделал это посредством вызова экшена с переданными данными и прокидыванием данных в редьюсер. Правильно ли это? Хотел сделать по другому, вызывая экшн с последующем вызывом саги, в которой идёт стягивание данных из апи, но не знаю как отследить выполнение саги, чтобы дождаться данных(

https://github.com/redux-saga/redux-saga/issues/13#issuecomment-182883680

https://github.com/redux-saga/redux-saga/issues/13#issuecomment-182883680

Огромное спасибо?

https://github.com/isopen/laratest/tree/master/resources/assets/js

да не теоретически, проверил и все ок

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

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

есть конкретика?

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

спека одна как бы)

Гайз, а propTypes пишутся внутри класса или выносятся ?

Гайз, а propTypes пишутся внутри класса или выносятся ?

как хочешь

Просто я так понимаю можно и так и так

static внутри

Гайз, а propTypes пишутся внутри класса или выносятся ?

я выношу если слишком дохуя

класснаме. снаружи

плохой стиль, это когда ты делаешь any

а так насрать

1. Секреты JavaScript ниндзя 2. pro javascript techniques. the expert's voice in web development. 3. pro javascript techniques это учит хорошему стилю

1. Секреты JavaScript ниндзя 2. pro javascript techniques. the expert's voice in web development. 3. pro javascript techniques это учит хорошему стилю

можешь привести пример?

webogram

щас поменьше ещё приведу

обратите внимание как чисто пашет http://mervick.github.io/emojionearea/

Видели уже? Sucrace, быстрая альтернатива Babel для современных окружений вроде Node >8 или последнего Chrome, компилирующая только нестандартные расширения языка (JSX, Flow, TypeScript) → https://sucrase.io/

не открывается

не открывается

да не, норм открылось

хоть кому-то повезло

Видели уже? Sucrace, быстрая альтернатива Babel для современных окружений вроде Node >8 или последнего Chrome, компилирующая только нестандартные расширения языка (JSX, Flow, TypeScript) → https://sucrase.io/

Но совсем нет плагинов.

"альтернатива babel" уже становится страшновато

Описание не правильно. Только стандартные и только для современных браузеров

"альтернатива babel" уже становится страшновато

На самом деле это zero-config Babel.

ERROR: S client not available

Описание не правильно. Только стандартные и только для современных браузеров

стандартные это .js

Видели уже? Sucrace, быстрая альтернатива Babel для современных окружений вроде Node >8 или последнего Chrome, компилирующая только нестандартные расширения языка (JSX, Flow, TypeScript) → https://sucrase.io/

Да, ненужная хрень.

Да, ненужная хрень.

??

Не решает никаких проблем, которые не решает тот же бабель. Вывод? Не нужно.

Делаю табличку с сортировкой. Функция compareBy сортирует масмив по переданной функции. Как сделать, чтобы при повторном нажатии сортировалось в обратном порядке?

Не решает никаких проблем, которые не решает тот же бабель. Вывод? Не нужно.

Например для мелких проектов, куда не нужно тянуть весь бабель

Например для мелких проектов, куда не нужно тянуть весь бабель

Ну не тяни весь бабель, а тяни то что нужно. (Плагины)

Делаю табличку с сортировкой. Функция compareBy сортирует масмив по переданной функции. Как сделать, чтобы при повторном нажатии сортировалось в обратном порядке?

Флаг где-нибудь храни — был ли отсортирован

Делаю табличку с сортировкой. Функция compareBy сортирует масмив по переданной функции. Как сделать, чтобы при повторном нажатии сортировалось в обратном порядке?

state

Ну не тяни весь бабель, а тяни то что нужно. (Плагины)

только тебе нужно установить balel-core, babel-cli, бабель то, бабель се, чтобы у тебя начал вебпак собирать, ага, ага

только тебе нужно установить balel-core, babel-cli, бабель то, бабель се, чтобы у тебя начал вебпак собирать, ага, ага

Хз, не вижу проблем.

Можно написать скрипт, который тебе установит, все что нужно.

Флаг где-нибудь храни — был ли отсортирован

Типо если отсортирован по этому полю, то array.reverse. Иначе сортировать. Так?

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

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

Да а что

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

да, потому что у проектов разные нужды

я cra не юзаю

Типо если отсортирован по этому полю, то array.reverse. Иначе сортировать. Так?

Да я хз че там у тебя за кейс

только тебе нужно установить balel-core, babel-cli, бабель то, бабель се, чтобы у тебя начал вебпак собирать, ага, ага

Ну и проблема...

Да а что

Не легче написать какой-то скрипт, который тебе сам установит все нужные либы и конфигы?

И переиспользовать его везде.

Не легче написать какой-то скрипт, который тебе сам установит все нужные либы и конфигы?

Универсальный не напишешь

А классику и так на автомате ставишь

Ну в классику и входит Бабель и все что с ним связано.

Так Бабель поставить совсем несложно

И ставя плагины вручную ты осознаёшь, на что будет способен ( и неспособен) твой код

Не легче написать какой-то скрипт, который тебе сам установит все нужные либы и конфигы?

Что будет через полгода с этим проектом? Современный станет не таким современным? Или же людям придётся экстренно мигрировать?

Что будет через полгода с этим проектом? Современный станет не таким современным? Или же людям придётся экстренно мигрировать?

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

Полгода назад latest был самое то

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

Реакт, он такой

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

Современный js меняется очень быстро. Очень. А бабель только добавляет фичи. В итоге получаем или новый бабель в потенциале, или просто проект, который каждые полгода будет говорить "иди в жопу. Это мы теперь не транспилим".