По поводу чужих и своих костылей не понял. Сделал самое базовое поле ввода с байндингом родителя, чуть ли не из доки реакта. В проекте используется похожий принцип, но там обработчик из сторонней либы, и я к нему особо доступа не имею. Из внешнего - скопировал из интернета функцию debounce. Всё.

Ребята, всем привет, кто то знает в условном операторе switch можно ставить логическое или ?

Примерно вот так switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK || MSG_LIST_LINK: return 'Vimeo' default: break }

Ребят, подскажите, плз :) Ситуация такая: мапую свойство и получается список компонентов, пусть будет называться каждый Part. Есть функция, которая сравнивает в каждом из таких Part два свойства, если они равны, то нужно, чтобы при наведении на последний из двух подсвечивался внутренний элемент в предыдущем компоненте. Используются styled components, класснеймы использовать нельзя.

Примерно вот так switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK || MSG_LIST_LINK: return 'Vimeo' default: break }

так и есть

так и есть

так не работает

так и есть

вру case 1: case 2: /* тут пишем*/

switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK: case MSG_LIST_LINK: return 'Vimeo' default: break }

switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK: case MSG_LIST_LINK: return 'Vimeo' default: break }

аааа

switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK: case MSG_LIST_LINK: return 'Vimeo' default: break }

понял, спс )) попробую сейчас )

switch (this.props.msgListSubAction) { case MSG_VIDEO_LIST_LINK: return 'Video' case MSG_VIMEO_LIST_LINK: case MSG_LIST_LINK: return 'Vimeo' default: break }

Супер, спасибо, заработало )

Ребят, подскажите, плз :) Ситуация такая: мапую свойство и получается список компонентов, пусть будет называться каждый Part. Есть функция, которая сравнивает в каждом из таких Part два свойства, если они равны, то нужно, чтобы при наведении на последний из двух подсвечивался внутренний элемент в предыдущем компоненте. Используются styled components, класснеймы использовать нельзя.

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

попробуй так

Знаете шо. ui-kit нужно писать на pug. Потому что его и под ву и под реакт можно билдить...

Знаете шо. ui-kit нужно писать на pug. Потому что его и под ву и под реакт можно билдить...

@demyanov И под ангуляр тоже! ???

штооооо?

И не спрашивай зачем я это узнал

Не, серьёзно, это же так просто. Везде написано как писать на pug ВНУТРИ vue/react/(angular), а можно писать просто на pug - иметь чистый html и билдить компоненты под все остальное! Одна проблема 809.7 kB MINIFIED, а полностью статику из него вывести не получится, при прокидывании переменных ?

Не, серьёзно, это же так просто. Везде написано как писать на pug ВНУТРИ vue/react/(angular), а можно писать просто на pug - иметь чистый html и билдить компоненты под все остальное! Одна проблема 809.7 kB MINIFIED, а полностью статику из него вывести не получится, при прокидывании переменных ?

Так есть же Бабель pug to jsx. Может и под другие есть. Бандлить под разные либы

Есть вопрос по react-transition-group. Имеется следующий код: <CSSTransition classNames="fade" in={this.props.isReady} timeout={1000} > <Mainpreloader /> </CSSTransition> При входе на сайт, CSSTransition отображает свое содержимое вне зависимости от того, что находится в атрибуте 'in' и 'appear'. Как заставить CSSTransition не отображать его внутренности при входе на сайт?

Знаете шо. ui-kit нужно писать на pug. Потому что его и под ву и под реакт можно билдить...

Зачем? Что это даст? Чем не угодили стандартные средства?

Зачем? Что это даст? Чем не угодили стандартные средства?

А какие есть стандартные стредства кроссплатформенной разработки ui-компонентов с возможностью проброса пропсов?

А какие есть стандартные стредства кроссплатформенной разработки ui-компонентов с возможностью проброса пропсов?

Ejs, Marko, ...

Если я верно вопрос понял

Знаете шо. ui-kit нужно писать на pug. Потому что его и под ву и под реакт можно билдить...

Vue умеет в JSX React умеет в JSX Angular - ?

Vue умеет в JSX React умеет в JSX Angular - ?

Angular тоже ведь умеет.

Вот и все. Паг не нужен

Вот и все. Паг не нужен

Кому как удобнее. У pug совершенно инной синтаксис.

Совершенно ненужный синтаксис

Вот и все. Паг не нужен

нужен plain html для Битрикса...

нужен plain html для Битрикса...

Ну так у Битрикс свой говно-шаблонизатор, зачем мешать какашку и конфетку?

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

Ну так у Битрикс свой говно-шаблонизатор, зачем мешать какашку и конфетку?

Ну, видимо, так нужно бизнесу?)

возможно библеотека сторонняя

Ну, видимо, так нужно бизнесу?)

Так почему тогда не прогонять в другом енв свой реакт как сср? Та же статика на выходе

Так почему тогда не прогонять в другом енв свой реакт как сср? Та же статика на выходе

Не все так просто

Не все так просто

Storybook? Он из коробки умеет статику

Storybook? Он из коробки умеет статику

Долго рассказывать, но в этом замешан PHP

Долго рассказывать, но в этом замешан PHP

Парсер-пепепарсер пага в Битрикс?

2 условия: на выходе нужен чистый html, но эти же компоненты будут использоваться во vue

2 условия: на выходе нужен чистый html, но эти же компоненты будут использоваться во vue

Storybook? Styleguidist? Что там из этого есть у вю не в курсе, но они могут генерировать статику.

А, ты из Реакта хочешь во вю тож самое + статику. Только сейчас понял твою хотелку

http://tusharnile.blogspot.com/2018/07/react-js.html?m=1

http://tusharnile.blogspot.com/2018/07/react-js.html?m=1

Как минимум херня, ибо есть фрагмент, о котором в 07/2018 "забыть" - позор

http://tusharnile.blogspot.com/2018/07/react-js.html?m=1

Я бы не назвал односторонний поток данных фичей

Скорее просто очень правильным решением

Здарова народ. А какой библиотекой чаще всего пользуются для анимаций на react? В момент переключения между компонентами, или их появлением и т.д.

Здарова народ. А какой библиотекой чаще всего пользуются для анимаций на react? В момент переключения между компонентами, или их появлением и т.д.

React transition group

ERROR: S client not available

{ this.state.canShow ? <Awesome /> : null } А почему чаще всего используется null в подобном случае? На сколько сам могу догадываться, null означает пустоту, а его в данном случае можно было бы заменить лишь undefined, но undefined предпологает что что-то было не определено. Или же есть какое-то более четкое объяснение?

{ this.state.canShow ? <Awesome /> : null } А почему чаще всего используется null в подобном случае? На сколько сам могу догадываться, null означает пустоту, а его в данном случае можно было бы заменить лишь undefined, но undefined предпологает что что-то было не определено. Или же есть какое-то более четкое объяснение?

Сам спросил - сам ответил

Сам спросил - сам ответил

Значит верно. Просто был в сомнениях.

Можно и true и false и '' поставить

В случае с булевой переменной, как по мне, так даже лучше canShow && <Shit />

Всем привет, такой вопрос, может ли перерендер дочерних компонентов, которые мы мапим с помощью метода map массива в родительском компоненте вызывать перерендер родительского компонента

{ this.state.canShow ? <Awesome /> : null } А почему чаще всего используется null в подобном случае? На сколько сам могу догадываться, null означает пустоту, а его в данном случае можно было бы заменить лишь undefined, но undefined предпологает что что-то было не определено. Или же есть какое-то более четкое объяснение?

Можно прелоадер поставить

если там не меняются свойства/стэйт родителя и не вызываются принудительный рендер то вроде нет

Всем привет, такой вопрос, может ли перерендер дочерних компонентов, которые мы мапим с помощью метода map массива в родительском компоненте вызывать перерендер родительского компонента

если захотеть то можно

Всем привет, такой вопрос, может ли перерендер дочерних компонентов, которые мы мапим с помощью метода map массива в родительском компоненте вызывать перерендер родительского компонента

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

Всем привет, такой вопрос, может ли перерендер дочерних компонентов, которые мы мапим с помощью метода map массива в родительском компоненте вызывать перерендер родительского компонента

Возможен такой вариант, что sCU у pure component не будет работать, т.к. предыдущие children не будут равны следующим при рендере

Но автоматически, нет, потомки не влияют

Но автоматически, нет, потомки не влияют

да

Ребят,подскажите плиз, есть редьюсер с пользователями user =[{id:1,name:'Вася'},] Это некий справочник из 1000 строк пользователей, этот справочник нужен в других сущностях redux, доступ идет по ключу ID как в БД. в объекте около 15 свойств (фио, тел, рост, вес) Есть редьюсер с массивом кабинетов [{room:'Кабинет 16', users:[1,2,3,4,5]}] Мне нужно вывести на форме список всех кабинетов, а напротив - список жителей с их именем и возрастом. Вопрос, в каком месте совершать преобразование 1,2,3,4,5 в сущности пользователей? Правильно ли я делаю? 1) После MapStateToProps у меня есть props = {users:[….],rooms:[….]} 2) В CDM я вызываю свою фукнцию utils.covertData(props.users, props.rooms , [‘name’,’age’]) , которая генерирует мне новый массив, но уже с сущностями пользователя.

context

Это просто дефолтное значение, которое будет в контексте, можно что угодно вместо light строки добавить

Ребят,подскажите плиз, есть редьюсер с пользователями user =[{id:1,name:'Вася'},] Это некий справочник из 1000 строк пользователей, этот справочник нужен в других сущностях redux, доступ идет по ключу ID как в БД. в объекте около 15 свойств (фио, тел, рост, вес) Есть редьюсер с массивом кабинетов [{room:'Кабинет 16', users:[1,2,3,4,5]}] Мне нужно вывести на форме список всех кабинетов, а напротив - список жителей с их именем и возрастом. Вопрос, в каком месте совершать преобразование 1,2,3,4,5 в сущности пользователей? Правильно ли я делаю? 1) После MapStateToProps у меня есть props = {users:[….],rooms:[….]} 2) В CDM я вызываю свою фукнцию utils.covertData(props.users, props.rooms , [‘name’,’age’]) , которая генерирует мне новый массив, но уже с сущностями пользователя.

довольно странная ситуация если это не ТЗ. такое надо что бы сервер делал. что бы он присылал тебе комнату с пользователями

да

Буду рад интересному примеру

Привет, ковыряюсь с react material ui. Не пойму как выбирать стили компонентов. К примеру у кнопку (Button) есть variant, можно всякие выбрать стили кнопки, а вот для TextField, Select такого нет. Есть ли outlined варианты полей ввода и выпадающего списка? Опять же, при добавлении кнопки на AppBar можно указать color="inherit", почему нет такого же для других компонент вроде TextField и Select? Как правильно с ними бороться? Вручную менять им стили? Каждому полю ввода?

Ребят,подскажите плиз, есть редьюсер с пользователями user =[{id:1,name:'Вася'},] Это некий справочник из 1000 строк пользователей, этот справочник нужен в других сущностях redux, доступ идет по ключу ID как в БД. в объекте около 15 свойств (фио, тел, рост, вес) Есть редьюсер с массивом кабинетов [{room:'Кабинет 16', users:[1,2,3,4,5]}] Мне нужно вывести на форме список всех кабинетов, а напротив - список жителей с их именем и возрастом. Вопрос, в каком месте совершать преобразование 1,2,3,4,5 в сущности пользователей? Правильно ли я делаю? 1) После MapStateToProps у меня есть props = {users:[….],rooms:[….]} 2) В CDM я вызываю свою фукнцию utils.covertData(props.users, props.rooms , [‘name’,’age’]) , которая генерирует мне новый массив, но уже с сущностями пользователя.

если же это ТЗ, то тут идет проверка на умение выстраивать оптимизацию. в таком случае стоит все преобразования производить в mapStateToProps причем покрыть его Reselect для оптимизации. если я правильно понял задачу

Ребят,подскажите плиз, есть редьюсер с пользователями user =[{id:1,name:'Вася'},] Это некий справочник из 1000 строк пользователей, этот справочник нужен в других сущностях redux, доступ идет по ключу ID как в БД. в объекте около 15 свойств (фио, тел, рост, вес) Есть редьюсер с массивом кабинетов [{room:'Кабинет 16', users:[1,2,3,4,5]}] Мне нужно вывести на форме список всех кабинетов, а напротив - список жителей с их именем и возрастом. Вопрос, в каком месте совершать преобразование 1,2,3,4,5 в сущности пользователей? Правильно ли я делаю? 1) После MapStateToProps у меня есть props = {users:[….],rooms:[….]} 2) В CDM я вызываю свою фукнцию utils.covertData(props.users, props.rooms , [‘name’,’age’]) , которая генерирует мне новый массив, но уже с сущностями пользователя.

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

Ребят,подскажите плиз, есть редьюсер с пользователями user =[{id:1,name:'Вася'},] Это некий справочник из 1000 строк пользователей, этот справочник нужен в других сущностях redux, доступ идет по ключу ID как в БД. в объекте около 15 свойств (фио, тел, рост, вес) Есть редьюсер с массивом кабинетов [{room:'Кабинет 16', users:[1,2,3,4,5]}] Мне нужно вывести на форме список всех кабинетов, а напротив - список жителей с их именем и возрастом. Вопрос, в каком месте совершать преобразование 1,2,3,4,5 в сущности пользователей? Правильно ли я делаю? 1) После MapStateToProps у меня есть props = {users:[….],rooms:[….]} 2) В CDM я вызываю свою фукнцию utils.covertData(props.users, props.rooms , [‘name’,’age’]) , которая генерирует мне новый массив, но уже с сущностями пользователя.

ТЗ - имею ввиду тестовое задание (не техническое ? )