т.е если у меня state/props плоские и у меня нету кастомного shouldComponentUpdate, то следует использовать React.PureComponent вместо React.Component?

т.е если у меня state/props плоские и у меня нету кастомного shouldComponentUpdate, то следует использовать React.PureComponent вместо React.Component?

это прям в документации написано

Всем привет! Rxjs с реактом, как добавить стрим с onClick. 1. Через subject и дергать next в onClick 2. Взять рефом дом ноду, добавить обрабочик клика для нее. 3. ?

https://www.learnrxjs.io/operators/creation/fromevent.html ?

@loktionov129 да, это мой 2-ой пункт, мб что-то лучше есть

Стримы - удел контейнеров, не надо в компоненты эту логику закручивать. Пускай компонент просто принимает колбэк, который ты будешь вешать на onClick, а в контейнере уже делаешь Subject и из колбэка в этот сабжект next'ишь

@sutarmin Принял, спасибо. Вопрос, а про recycle можешь что-то сказать?

Не-а. У меня просто есть контейнерый HOC, который стримы из логики приложения переколбашивает в пропсы компонента

ребят, напомните плз название zero config library bundler, по сути обертка на роллапом вроде (но не bili)

Ребят, подскажите либу для нотификейшнов с возможность кастомизации стилей

Что можно использовтаь для автодополнения городов?

Что можно использовтаь для автодополнения городов?

http://kladr-api.ru/ что-то типо такого

ребят, напомните плз название zero config library bundler, по сути обертка на роллапом вроде (но не bili)

microbundle

Ребят, подскажите либу для нотификейшнов с возможность кастомизации стилей

https://github.com/fkhadra/react-toastify https://github.com/igorprado/react-notification-system

https://github.com/fkhadra/react-toastify https://github.com/igorprado/react-notification-system

Разве последний не для React <=15?

Разве последний не для React <=15?

https://github.com/react-component/notification

http://kladr-api.ru/ что-то типо такого

По всему миру нужно

Что можно использовтаь для автодополнения городов?

гугл апи

Какие есть мнения о redux-form? Слышал что это лишнее дело, и лучше обходится без него...

Какие есть мнения о redux-form? Слышал что это лишнее дело, и лучше обходится без него...

да

И ещё вопрос, как правильно подходить к валидации? С AngularJS использовал ngMessages и встроенные директивы вроде ng-maxlength, ng-required, ng-pattern. А в реакте как делать правильно?

И ещё вопрос, как правильно подходить к валидации? С AngularJS использовал ngMessages и встроенные директивы вроде ng-maxlength, ng-required, ng-pattern. А в реакте как делать правильно?

это стандартные атрибуты инпутов

без префикса ng

И ещё вопрос, как правильно подходить к валидации? С AngularJS использовал ngMessages и встроенные директивы вроде ng-maxlength, ng-required, ng-pattern. А в реакте как делать правильно?

как правильно - никто не знает удобно - yup+formik

как правильно - никто не знает удобно - yup+formik

ок, как делает большинство?)

ок, как делает большинство?)

¯\_(ツ)_/¯

а кто то пользует тут recompact вместо recompose ?

И ещё вопрос, как правильно подходить к валидации? С AngularJS использовал ngMessages и встроенные директивы вроде ng-maxlength, ng-required, ng-pattern. А в реакте как делать правильно?

В antd крутые формы

Вроде отедьно rc-form

{this.validator(‘key’, ‘name’, <Input>/<select>, {required:true}}

А где можно почитать, почему редакс-форм плохо, желательно по русски?

А где можно почитать, почему редакс-форм плохо, желательно по русски?

в этом чате

а кто то пользует тут recompact вместо recompose ?

Что именно интересует?

а кто то пользует тут recompact вместо recompose ?

а чем он лучше?

Что именно интересует?

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

https://reactjs.org/docs/faq-structure.html ?

https://reactjs.org/docs/faq-structure.html ?

хех

А где можно почитать, почему редакс-форм плохо, желательно по русски?

не стоит держать состояние формы в состоянии приложения /тхреад

ок, как делает большинство?)

свои валидации

Ребята, всем привет. Скажите а можно как то убрать квери параметры в Роуте по условию. если допустим это мобильная версия и т.д. ?

Ребята, всем привет. Скажите а можно как то убрать квери параметры в Роуте по условию. если допустим это мобильная версия и т.д. ?

не добавляй их просто

не добавляй их просто

Но они есть. и они нужны. а вот в мобилной версии их не должно быть

Но они есть. и они нужны. а вот в мобилной версии их не должно быть

а как без них работать будет?

а как без них работать будет?

в Проекте есть режим Администрирование, там и нужны квери параметры, но в мобилке администирования нет. поэтому квери параметры не нужны. Работать будет

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

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

а кто то пользует тут recompact вместо recompose ?

Авторы обоих какие-то странные, не могут добавить sideEffects: false. Причём документация по recompact при этом зачем-то говорит об экономии на размере бандла

Авторы обоих какие-то странные, не могут добавить sideEffects: false. Причём документация по recompact при этом зачем-то говорит об экономии на размере бандла

вот это "не могут добавить sideEffects: false. " не понял )

вот это "не могут добавить sideEffects: false. " не понял )

Чтобы тришейкинг в новом вебпаке нормально заработал, надо в package.json добавить эту строчку. Ну, при условии, что код реально без сайд-эффектов

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

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

сделай хок этого компонента и напиши кастомный shouldComponentUpdate

Чтобы тришейкинг в новом вебпаке нормально заработал, надо в package.json добавить эту строчку. Ну, при условии, что код реально без сайд-эффектов

спасибо, не знал об этом)

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

В react-virtualized такое решалась, кажется, докидыванием пропсов, от которых должен зависеть ререндер https://github.com/bvaughn/react-virtualized/blob/master/README.md#pure-components Не знаю, такой же ли кейс у инфинит скроллера

или заоверайди этот скролл

@kemvrn второй твой кейс не понял, в плане заоверайдить?

@kevindetry так и сделал)

@kevindetry так и сделал)

Помогло?

@kevindetry не помогает, там похоже один раз инициализирется все

<InfiniteScroll initialLoad={true} pageStart={0} threshold={1} loadMore={page => this.fetchData(page)} hasMore={!isLoading && hasMore} useWindow={false} url={this.props.fetchFrom}> <> {this.props.render({ results, deleteItem: this.deleteItem, })} {isLoading ? <Spin /> : null} </> </InfiniteScroll>

class PersonalScrollbar extends ReactInfiniteScroller { shouldComponentUpdate() { пишешь логику } }

Мде. А нужна именно эта библиотека? Может, она представляет метод для ручного ререндера?

не знаю, на сколько это отличается от хока, но у меня как-то так же не обновлялся сторониий компонент при изменении пропса

я сделал как во 2 примере

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

@kemvrn extend в реакте, ужс, наверное, не шарю) Спасибо за вариант

ERROR: S client not available

@kevindetry Тимлид сказал, бери, а мне поиск надо сделать ( в функции loadMore параметр меняется запроса)

у кого-нибудь вываливались на сайте вебсокеты? При чём, все сразу, как апихи, так и всякие jivosite"ы ?

как выполнить загрузку файла на яндекс диск API, даже в полигоне не понятно

у кого-нибудь вываливались на сайте вебсокеты? При чём, все сразу, как апихи, так и всякие jivosite"ы ?

вываливались ?

Привет всем, кто нибудь вываливает в redux Store как глобальную переменную?

Ребят, как мне поменять элемент в таком стейте? Нужно добраться до элемента в определенном масиве объектов. у меня там сверху map идет и что-то вроде state.item[index].price

вот .price синтасически неверно, как до прайс добарться?)

Ребят, как мне поменять элемент в таком стейте? Нужно добраться до элемента в определенном масиве объектов. у меня там сверху map идет и что-то вроде state.item[index].price

в стейте итем тоже массив?

Переформулирую. Можно ли главный компонент приложения App разделить на два - smartApp и dumpApp или не стоит его усложнять?

не стоит

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

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

свич пусть возвращает сразу компоненту

свич пусть возвращает сразу компоненту

а без свича никак? а если 200 компонентов?

ну можешь объект большой и ключем доставать, но это тот же свич вид сбоку

ну да

ну других вариантов особо нет

можешь сделать вот так, сделать объект типа: import Component from "components/component"; const example ={ componentName: Component } по условию вызываешь функцию и в функцию прокидываешь как параметр имя нужного компонента и делаешь так const ex = componentName => { const CurrComponent = example[ComponentName] return <CurrComponent /> }

не стоит

А если использовать проверку во вложенном непосредственно в App компоненте? Или лучше проверять на каждой странице, где требуется авторизация и дублировать код?

можешь сделать вот так, сделать объект типа: import Component from "components/component"; const example ={ componentName: Component } по условию вызываешь функцию и в функцию прокидываешь как параметр имя нужного компонента и делаешь так const ex = componentName => { const CurrComponent = example[ComponentName] return <CurrComponent /> }

вооо, вот так и хотел, спасибо

Добрый всем день как я могу crm форму от битрикса24 вставить в react компонент мне там даеться js код для всттавки создание функции не помогло )

а без свича никак? а если 200 компонентов?

хеш-таблицу

А если использовать проверку во вложенном непосредственно в App компоненте? Или лучше проверять на каждой странице, где требуется авторизация и дублировать код?

хок

блин парни что то туплю

почему если я вызываю экшен в componentDidMount у меня компонент начинает бесконечно много маунтится

видимо, экшн меняет стейт, на который подписан этот компонент

если пропсы при этом те же - PureComponent

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

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

++

В react-virtualized такое решалась, кажется, докидыванием пропсов, от которых должен зависеть ререндер https://github.com/bvaughn/react-virtualized/blob/master/README.md#pure-components Не знаю, такой же ли кейс у инфинит скроллера

как никрути хоть что допихивай в массив пропсы будут равны. Пьюр то не проверят длину массива

я сделал слайс и не стал страдать

я сделал слайс и не стал страдать

а чо forceUpdate не помогает?

https://reactjs.org/docs/react-component.html#forceupdate