ну вопрос же был о рендере

ну к примеру компонент кеширует все. И тут не поможет рендер

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

Привет всем. Как можно сделать форс ререндер компонента ? Использую react-infinite-scroller, тут есть библиотечная компонента, при изменении ее пропсов она не ререндерится.

вот тут ни слова о кешах нет

тут как раз forceUpdate зайдет

перечитай при изменении пропсов компонент (либа) не рендерится

если именно маунтиться начинает то явно не в стейте дело. Надо смотреть, почему его parent компонент начинает ререндериться и маунтить его заново.

http://joxi.ru/GrqpoXetQB6xOA

tuj hjlbntkm

тут как раз forceUpdate зайдет

он доступа к либе не имеет

его родитель

есть чат по react-kotlin?

пиздец. Что за изврат ?

@dreyks не зайдет, у меня компонент в либе, я не могу внутри него это сделать

понятно...

@dreyks не зайдет, у меня компонент в либе, я не могу внутри него это сделать

ну слайси тогда у тебя массив строк ?

@dreyks и я так понял он только при componentDidMount срабатывает... я просто key повесил, пока ререндерится, потом мб свою реализацию сделаю...

@userbq201 не понял, извини

[].slice()

его родитель

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

@userbq201 {"count":0,"next":null,"previous":null,"results":[]}

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

там больше ничего нет

@userbq201 что то типо такого

@userbq201 ток не понял к чего этот ворос :d

какой. Если у тебя не сортируется ничего тогда проблемы не будет

там больше ничего нет

поднял вызов экшена на уровень страници.. он в дочернем компоненте в дидмоунте приводит к инифинити лупу, один хрен он в цикл уходит.. что за дичь...

поднял вызов экшена на уровень страници.. он в дочернем компоненте в дидмоунте приводит к инифинити лупу, один хрен он в цикл уходит.. что за дичь...

однажды инфинити луп и инфинити пуп вызывались в дидмаунте...

поднял вызов экшена на уровень страници.. он в дочернем компоненте в дидмоунте приводит к инифинити лупу, один хрен он в цикл уходит.. что за дичь...

покажи код

однажды инфинити луп и инфинити пуп вызывались в дидмаунте...

потому что разработчик все перепутал

http://joxi.ru/GrqpoXetQB6xOA

я думаю проблема тут

я думаю проблема тут

легал форм это контейнер который дружит с хранилищем. на уровне страници еще один контейнер который вызывает подгрузку данных

парни, что можно сделать (или что почитать), если есть такая проблема: есть большая админка react+redux+router+куча библиотек. В точке входа index.html внутри прописаны стили спинера, чтобы как только загрузился html, то юзер сразу увидел спинер - тут все ОК. Но далее возникает казус - после того как загрузились все нужные js, спинер пропадает и далее рендерится JS и пока это все происходит - реакт удаляет весь контент со страницы (спинер) и мы видим белый экран секунды 2 пока реакт не прикрутит весь ДОМ. Что можно сделать, чтобы небыло этого лага с белым экраном :) ? В вебпаке все разбито на чанки, все модули/страницы тащатся через react-loadable. Приложение целиком весит порядка 5мб.

рисовать спинер в отдельном диве от приложения и скрывать его когда js все закончит. зачем класть в тот же див то?

парни, что можно сделать (или что почитать), если есть такая проблема: есть большая админка react+redux+router+куча библиотек. В точке входа index.html внутри прописаны стили спинера, чтобы как только загрузился html, то юзер сразу увидел спинер - тут все ОК. Но далее возникает казус - после того как загрузились все нужные js, спинер пропадает и далее рендерится JS и пока это все происходит - реакт удаляет весь контент со страницы (спинер) и мы видим белый экран секунды 2 пока реакт не прикрутит весь ДОМ. Что можно сделать, чтобы небыло этого лага с белым экраном :) ? В вебпаке все разбито на чанки, все модули/страницы тащатся через react-loadable. Приложение целиком весит порядка 5мб.

убрать лоадер с html

рисовать спинер в отдельном диве от приложения и скрывать его когда js все закончит. зачем класть в тот же див то?

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

Бомбит от Strict режима в 16.6. Это просто отлично деприкейтить фичу не давая ей полноценной замены (речь про findDOMNode, если что)

Бомбит от Strict режима в 16.6. Это просто отлично деприкейтить фичу не давая ей полноценной замены (речь про findDOMNode, если что)

рефы, не?

рефы, не?

вот в том-то и дело, что на текущий момент они не являются полноценной заменой

покажи кейс, где рефы тебе не подходят?

покажи кейс, где рефы тебе не подходят?

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

Соответственно станут рефы полноценной заменной только после того как запилят https://github.com/facebook/react/pull/13841#issuecomment-430066195

Но пока это не запили - очень странно деприкейтить

аа все понял

насколько легитимно писать вот так (styled components)? color: ${p => "changing" in p ? p.changing ? p.theme.positive : p.theme.negative : p.theme.textColor}; здесь проверяется существует ли свойство (если нет, то выводится дефолтный цвет), если true, то один цвет, если false, то другой

насколько легитимно писать вот так (styled components)? color: ${p => "changing" in p ? p.changing ? p.theme.positive : p.theme.negative : p.theme.textColor}; здесь проверяется существует ли свойство (если нет, то выводится дефолтный цвет), если true, то один цвет, если false, то другой

а что мешает не true/false передавать, а напрямую "тему"/"состояние" - {theme: 'negative'|'positive'|'default'} ?

а что мешает не true/false передавать, а напрямую "тему"/"состояние" - {theme: 'negative'|'positive'|'default'} ?

матчить корявее

матчить корявее

ещё корявее делать как ты выше написал, "тема" - объект, расширай и переключай, а не тяни пропсы с проверкой везде

ещё корявее делать как ты выше написал, "тема" - объект, расширай и переключай, а не тяни пропсы с проверкой везде

то есть тему фигачить на каждый чих это нормально?

то есть тему фигачить на каждый чих это нормально?

ты можешь базовые вещи раскидать во всякие свои negative / positive? можешь. что мешает тебе создать объект темы с positive : {...}, negative : {} и менять лишь ключ, а не тянуть проверку пропсов в 100 местах?

ты можешь базовые вещи раскидать во всякие свои negative / positive? можешь. что мешает тебе создать объект темы с positive : {...}, negative : {} и менять лишь ключ, а не тянуть проверку пропсов в 100 местах?

кажется понял, спасибо

кажется понял, спасибо

ещё правильнее будет держать дефолтный ключ темы и на него мерджить модификаторы, чтобы не иметь полных дублей

для async/await какой плагин бабеля юзаете?

https://github.com/MatAtBread/fast-async

кто-нибудь юзает?

https://github.com/MatAtBread/fast-async

говорят кривоват

я просто не хочу генераторы)

я просто не хочу генераторы)

А можно как-то иначе?

А можно как-то иначе?

промисы

Чего?

а разве наследовать компоненты - реакт-вэй?

а разве наследовать компоненты - реакт-вэй?

эрект-вей

наследовать не надо ниче никуда

ERROR: S client not available

ахах

ребят есть ли альтернатива убодная для lodash.findLastIndex?

es6/7 мб

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf Ы?

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf Ы?

Не нужно отвечать на такие вопросы. Люди сразу чат как гугл воспринимать начинают.

лан

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf Ы?

lmgtfy.com пользуйся)

ой. сек ссылка не та

Ребята пытаюсь протолкнуть идею использовать Redux на проекте, работаю с бекендерами или бывшими ангулярщиками, подскажите какие могут быть аргументы за редакс.

тебе не нужен редакс.

Ребята пытаюсь протолкнуть идею использовать Redux на проекте, работаю с бекендерами или бывшими ангулярщиками, подскажите какие могут быть аргументы за редакс.

а что уже юзаете?)

Пока сам не понимаешь, что он сильно упрощает тебе жизнь, не используй его

Не нужно отвечать на такие вопросы. Люди сразу чат как гугл воспринимать начинают.

та это и ответ сильный. через чур

https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367

Пока сам не понимаешь, что он сильно упрощает тебе жизнь, не используй его

+

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf Ы?

наверное лучше reduce

Ребята пытаюсь протолкнуть идею использовать Redux на проекте, работаю с бекендерами или бывшими ангулярщиками, подскажите какие могут быть аргументы за редакс.

реакт для пацанов, вуе для быдлокодеров, ангуляр привет MVC

реакт для пацанов, вуе для быдлокодеров, ангуляр привет MVC

Первый только это mvc, второй нет

Первый только это mvc, второй нет

7 ангуляр наше все

реакт для пацанов, вуе для быдлокодеров, ангуляр привет MVC

навешивание ярлыков в этом itt треде

Да, хуяк хуяк и сидишь пол дня в change detection вникаешь

навешивание ярлыков в этом itt треде

а ты из каких будешь? ?

а ты из каких будешь? ?

Я бифреймворкуал =)

?

хороший термин

Я бифреймворкуал =)

любишь когда больно значит

больно, это после реакт+редакс на ангуларчике кодить

больно, это после реакт+редакс на ангуларчике кодить

на ангуляре и без реакта больно, сообщество - дно, документация - кривая

?