Бля ну кто это выдумывает?)

Человек с большим количеством свободного времени

Ребят а есть кто дело имел с пуш подписками SDK от гугла?

Хз нужно ли оно вообще

Везде пиши PureComponent и не парься (если не изменяешь props и state напрямую).

Человек с большим количеством свободного времени

АХАХАХАХАХА нет.

АХАХАХАХАХА нет.

Наверное ты ,но под прикрытием ?

Наверное ты ,но под прикрытием ?

какое прикрытие? Все пятничные задачки я придумываю X)

вот это огонь t.me/this_week_in_react/24

я когда начинаю пилить свой очередной компонент, сначала заглядываю как это в материале сделано, потом в антд и только потом пилю :)))

Перед тем как делаю компонент, смотрю, есть ли он вообще в своих проектах ?

Везде пиши PureComponent и не парься (если не изменяешь props и state напрямую).

Вот я тоже к этому пришел) Остался всего один вопрос у меня, а как правильно биндить функции, чтобы PureComponent не перерисовывался?

вот это огонь t.me/this_week_in_react/24

Только я не понял зачем они принудительно default ждут а не компонент

Только я не понял зачем они принудительно default ждут а не компонент

https://github.com/reactjs/rfcs/blob/gaearon-patch-2/text/0000-lazy.md#why-the-default-field

Вот я тоже к этому пришел) Остался всего один вопрос у меня, а как правильно биндить функции, чтобы PureComponent не перерисовывался?

Биднинг можно мемоизировать

#пятничная_задачка Что будет в каждом из случаев? http://s.csssr.ru/U8SMMLH99/20181019201737.png

сэмпл // 1 ({ set value(d) { throw new Error('wrong way') }, value: null, }); // 2 Object.assign( {set value(d) { throw new Error('wrong way') }}, {value: null}, ); // 3 { ...({set value(d) { throw new Error('wrong way') }}), ...({value: null}), }

https://github.com/reactjs/rfcs/blob/gaearon-patch-2/text/0000-lazy.md#why-the-default-field

Не, я это прочитал) просто не уверен что мне это нравится

Не, я это прочитал) просто не уверен что мне это нравится

мне вот тоже не очень нравится.

Вот я тоже к этому пришел) Остался всего один вопрос у меня, а как правильно биндить функции, чтобы PureComponent не перерисовывался?

Покажи кейс с твоими функциями, может можно не биндить даже.

вот это огонь t.me/this_week_in_react/24

А куда preloader вставлять? В Async компонент, как в демке асинхронного рендеринга?

А куда preloader вставлять? В Async компонент, как в демке асинхронного рендеринга?

в RFC есть обсуждение этого

точнее как, пока никуда

Покажи кейс с твоими функциями, может можно не биндить даже.

processCode = () => { } render() { return ( <> <AnimatedButton direction="bottom" onClick = { () => this.processCode() } >Подтвердить</AnimatedButton> <> ) } но когда требуется вызвать с аргументом, то я создаю экземпляр функции на каждый ререндер и вот хз как этого избежать

processCode = () => { } render() { return ( <> <AnimatedButton direction="bottom" onClick = { () => this.processCode() } >Подтвердить</AnimatedButton> <> ) } но когда требуется вызвать с аргументом, то я создаю экземпляр функции на каждый ререндер и вот хз как этого избежать

в плане я могу написать onClick = { this.processCode } и это вроде как будет норм, но как быть когда нужен аргумент - хз

processCode = () => { } render() { return ( <> <AnimatedButton direction="bottom" onClick = { () => this.processCode() } >Подтвердить</AnimatedButton> <> ) } но когда требуется вызвать с аргументом, то я создаю экземпляр функции на каждый ререндер и вот хз как этого избежать

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

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

Да и без типизации не пиши, а то потом запутаешься

то есть функция не должна принимать аргументы?

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

processCode = () => { } render() { return ( <> <AnimatedButton direction="bottom" onClick = { () => this.processCode() } >Подтвердить</AnimatedButton> <> ) } но когда требуется вызвать с аргументом, то я создаю экземпляр функции на каждый ререндер и вот хз как этого избежать

data-атрибут и чтение из event.target

data-атрибут и чтение из event.target

о реально круто же, спасибо

почему это решение не гуглится, интересно ?

почему это решение не гуглится, интересно ?

В доке тоже вроде было, но не уверен

В доке тоже вроде было, но не уверен

я очень давно читал доку реакта, видимо пора перечитать спасибо!

data-атрибут и чтение из event.target

А потом открываешь девтулз и смотришь на свои атрибуты длинною в жизнь

А потом открываешь девтулз и смотришь на свои атрибуты длинною в жизнь

И хер бы с ними

Дата атрибуты эт ад. Вы че, серьёзно?

И хер бы с ними

Та ну не, это конечно интересно, но пиздец))

А потом открываешь девтулз и смотришь на свои атрибуты длинною в жизнь

ну речь была о том чтобы хранить там аргументы функции же? почему длиною в жизнь

ну речь была о том чтобы хранить там аргументы функции же? почему длиною в жизнь

Ну в данном контексте ещё может быть, но аргументы функцию тоже разные могут быть

Или я просто уже переработался

Всем доброй ночи

data-атрибут и чтение из event.target

тоже их юзаю

processCode = () => { } render() { return ( <> <AnimatedButton direction="bottom" onClick = { () => this.processCode() } >Подтвердить</AnimatedButton> <> ) } но когда требуется вызвать с аргументом, то я создаю экземпляр функции на каждый ререндер и вот хз как этого избежать

Ебат. Оптимизация на уровне

Ебат. Оптимизация на уровне

?

data-атрибут и чтение из event.target

Наркоманы.

Сделайте промежуточный компонент

Зачем так изощряться? Твой интерфейс ускориться в 5 раз?

Зачем так изощряться? Твой интерфейс ускориться в 5 раз?

Почему это изощрение?

Ебат. Оптимизация на уровне

Я про вот такие оптимизации. Ну и хули что он делает функцию на каждый рендер

?а зачем в примере Fragment

?а зачем в примере Fragment

Внутри него еслинт не работает вроде, а он может ругаться на инлайн функции

Внутри него еслинт не работает вроде, а он может ругаться на инлайн функции

лол, рили? ?

Про еслинт хз, но тслинт отлично работает внутри фрагмента

?а зачем в примере Fragment

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

Я про вот такие оптимизации. Ну и хули что он делает функцию на каждый рендер

ну я хочу чтобы не делал, хуле тут не пооптимизровать ?

?У меня тоже в фрагментах норм eslint работает, но я пишу более олдовым стилем <React.Fragment> да и мне кажется так читается лучше хд

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

Понял

?У меня тоже в фрагментах норм eslint работает, но я пишу более олдовым стилем <React.Fragment> да и мне кажется так читается лучше хд

Мне кажется пустые тэги лучше

ну такое

?У меня тоже в фрагментах норм eslint работает, но я пишу более олдовым стилем <React.Fragment> да и мне кажется так читается лучше хд

я тоже так

@reactnative_ru не благодари

@reactnative_ru не благодари

Спрашивал уже там. ни кто не ответил

выкинуть экспо

не благодари

выкинуть реакт натив

взять вуе

выкинуть экспо

Что такое вуе.

D

ERROR: S client not available

vue

вариант взять вуе норм, но рн точно проще выкинуть, при наличии-то PWA

вариант взять вуе норм, но рн точно проще выкинуть, при наличии-то PWA

лол. Рили ?

это небо и земля

это небо и земля

да, и не в пользу рн

Что такое вуе.

https://t.me/vuejs_ru

да, и не в пользу рн

ну ок. Клепай пва

кстати видели на расте фреймфорк подвезли? https://github.com/DenisKolodin/yew

да, и не в пользу рн

еще ару. Погоди

Спасибо)

ори

лучшее, в чём я убедил начальство — это было дропнуть сраный рн

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

ты просто не осилил

иди на вуе

и вагон библиотек

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

держи вкурсе

ок

кстати видели на расте фреймфорк подвезли? https://github.com/DenisKolodin/yew

найс

даже почти jsx есть

ну там много от реакта, как мне показалось

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

не доверяю не-жс фреймворкам, пока в васм не завезли управление домом как завезут — брошу жс, наверное

`html! { // Render your model here <button onclick=|_| Msg::DoIt,>{ "Click me!" }</button> }`

так все есть же

бросай

не-а, НЯП, дом сейчас дёргается через жс-прослойку

не доверяю не-жс фреймворкам, пока в васм не завезли управление домом как завезут — брошу жс, наверное

куда бросишь лол. Ты же рн не осилил. Какой раст ? D

куда бросишь лол. Ты же рн не осилил. Какой раст ? D

сейчас бы осиливать говно

каждый день осиливаю

насильно себя заставлять писать на жс на платформах, где не надо — это ж каким мазохистом надо быть