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

Мб кому-то интересно будет)

Но я так понимаю лучше через стрелочную, так ведь?

Так, вот тебе пример того, что происходит, когда ты в render передаёшь функцию-обработчик

В первом случае this даёт undefined, а во втором - объект, в котором эта функция лежит

В первом случае this даёт undefined, а во втором - объект, в котором эта функция лежит

Понял, спасибо большое

Происходит это потому что если обычная функция получает контекст в момент вызова, то стрелочная - в момент объявления

Происходит это потому что если обычная функция получает контекст в момент вызова, то стрелочная - в момент объявления

Я понимаю различия стрелочных и обычных, просто мне сразу непонятно было, почему у меня работает с обычной функ в классе

ну ты мог её прибиндить

так кайло в фейсбуке работал

Он сам себя добавил в доку. А ПР с loadable components уже какой месяц висит.

ну ты мог её прибиндить

Ну я же проверил, перед тем как написать, мы же уже решили, что дело в stage-0

Ну я же проверил, перед тем как написать, мы же уже решили, что дело в stage-0

Не, stage-0 тебе позволяет писать class B { foo = () => console.log(this); }

Он сам себя добавил в доку. А ПР с loadable components уже какой месяц висит.

какой пр? не вижу

Это пока просто ещё не завезли

какой пр? не вижу

Про добавление других лоадеров в доку

Про добавление других лоадеров в доку

10 дней назад самый старый

О, найс, у меня дома на винде старый хром прост

О, найс, у меня дома на винде старый хром прост

это вроде под флагом только

А, я думал, в 67 завезли

66

10 дней назад самый старый

https://github.com/reactjs/reactjs.org/pull/573

а, понял

Я так понял, что во время выполнения верхней функции в реакте изменение в стейтах не заметны через this.state до конца. С какой стороны подойти, чтобы валидировать допустим пустое поле? Регекс замутить? Или через редакс?

М, через injectGlobal font-face гружу шрифты , но когда новый элемент в DOM появляется, который эти шрифты юзает, то браузер почему-то пытается их перегрузить.

Я так понял, что во время выполнения верхней функции в реакте изменение в стейтах не заметны через this.state до конца. С какой стороны подойти, чтобы валидировать допустим пустое поле? Регекс замутить? Или через редакс?

Поле типа инпут ты имеешь в виду?

Поле типа инпут ты имеешь в виду?

Да

Да

В методе handleChange, при вызове setState вторым аргументом идёт колбек, вот через этот колбек и валидируй

В методе handleChange, при вызове setState вторым аргументом идёт колбек, вот через этот колбек и валидируй

О, не знал, спасибо!

Я так понял, что во время выполнения верхней функции в реакте изменение в стейтах не заметны через this.state до конца. С какой стороны подойти, чтобы валидировать допустим пустое поле? Регекс замутить? Или через редакс?

В component did update или передавай в setState функцию

М, через injectGlobal font-face гружу шрифты , но когда новый элемент в DOM появляется, который эти шрифты юзает, то браузер почему-то пытается их перегрузить.

известный баг

суй в цсс файл все

А я решал фантомным элементом с шрифтом на верхнеуровневом контейнере =\

https://github.com/styled-components/styled-components/issues/1593

что с табуляцией

что с табуляцией

Что конкретно не так?

Что конкретно не так?

Я просто никогда не видел,чтоб именно так писали

Я просто никогда не видел,чтоб именно так писали

чтобы 4 пробела было?)

чтобы 4 пробела было?)

ага и почему вытаскиваешь из currentTarget. Там же target просто идет

ага и почему вытаскиваешь из currentTarget. Там же target просто идет

Где, там?

Где, там?

я просто про сущестование currentTarget вообще не знал х)

Рябзи, подкинете канал по AR?

Рябзи, подкинете канал по AR?

Канал или чат?

Чат/канал

Всё вместе

Спасибо ?

Рябзи, подкинете канал по AR?

Atomic React?

Augmented reality

Вроде где-то читал, но теперь не могу найти инфы в докуменатции. Функциональные компоненты (stateless) являются pure компонентами?

shouldComponentUpdate у них от Component или от PureComponent ?

stateless - и да и нет

Вроде где-то читал, но теперь не могу найти инфы в докуменатции. Функциональные компоненты (stateless) являются pure компонентами?

Нет

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

Откуда у них механизм мемоизации взялся?

ERROR: S client not available

Ребят, есть такой нестандартный подход, в файле app.js есть функция window.getDataFromClient = () => { console.log('1'); };

она объявляется не в классе

Откуда у них механизм мемоизации взялся?

Завезли в субботу?

её дергает клиент (видеопанель), и мне нужно в ней вызывать колбэк, чтобы обновить данные

как лучше сделать?

как лучше сделать?

Замыкание

подробнее? Важно, чтобы эта функция была глобальной

Откуда у них механизм мемоизации взялся?

Мы точно об одной мемоизации говорим? О той на которой реселект построен?

её дергает клиент (видеопанель), и мне нужно в ней вызывать колбэк, чтобы обновить данные

Возвращай промис.

там не промисы, просто устройство дергает функцию и возвращает стринг

json

Блин, вот это максимально непонятно

короче

Сделай какой-нибудь window.callbackFn() и дергай его, пока не оторвётся

можно как-то в класс записать свойство, чтобы обращаться к нему к примеру app.getDataFromClient?

нет, я не буду дёргать эту функцию

дёргает её кто-то другой, но внутри функции мне нужно что-то вроде setState({})

А расширить этот метод можно?

можно

Ну добавь вторым параметром cb и сделай if (cb) {cb()}

дёргает её кто-то другой, но внутри функции мне нужно что-то вроде setState({})

В cDM нужного компонента пишешь window.onSmth = (data) => {this.setState(data)}

А затем где-то просто вызываешь window.onSmth(data)

В cDM нужного компонента пишешь window.onSmth = (data) => {this.setState(data)}

щас попробую

да, всё так, гуд, спасибо

В cDM нужного компонента пишешь window.onSmth = (data) => {this.setState(data)}

А потом у тебя 2 компонента на странице и здравствуйте)

А потом у тебя 2 компонента на странице и здравствуйте)

Синглтон

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

для экрана