onChange={selection => getFrom(selection.value)} onChange={selection => getTo(selection.value)}

ты это в одном компоненте так указала? :)

🤔ну или может надо смотреть в компонент, вдруг там первый аргумент не selection, а event

это Дауншифтовский компонент, там селекшн дефолтный

🤔ну или может надо смотреть в компонент, вдруг там первый аргумент не selection, а event

я прям вижу его 🤔 у тебя на клаве))

это Дауншифтовский компонент, там селекшн дефолтный

код можешь дать? https://codesandbox.io/

сек вьюху закончу оборачивать в коннект

эх.... убийца реакта - http://intercoolerjs.org/

эх.... убийца реакта - http://intercoolerjs.org/

Черт, ну теперь реакт не в моде

эх.... убийца реакта - http://intercoolerjs.org/

пять раз релоадил что б бутстарп подтянуло с cdn xd

Всем привет. Тут же можно вопросы от чайников по реакту задавать?

Всем привет. Тут же можно вопросы от чайников по реакту задавать?

это вопрос не по реакту :)

эх.... убийца реакта - http://intercoolerjs.org/

а мне понравилось) Для каких-то мультистраничных сайтов мб и зайдет, хотя я бы на gatsby делал))

а мне понравилось) Для каких-то мультистраничных сайтов мб и зайдет, хотя я бы на gatsby делал))

тема неплохая, получше голого jquery по крайней мере

тема неплохая, получше голого jquery по крайней мере

Почему он не называется жкивери плагин?

Почему он не называется жкивери плагин?

хз, не я автор :)

хз, не я автор :)

сообщество на плюсах) это тротл какой то)

В общем, я хочу сделать валидацию, что кластер с таким именем уже есть. Вот здесь нашел, https://github.com/fusor/mig-ui/blob/master/src/app/cluster/components/AddClusterModal/AddClusterForm.tsx#L212 что нужно добавить что-то вроде ```else if (values.name) === clusterName { errors.name = 'Cluster already exists' }```ну или типа того. Только как правильно заимпортировать список кластеров, чтобы оттуда выдернуть кластер нейм

то есть мне как-то надо получить clusterName https://github.com/fusor/mig-ui/blob/master/src/app/home/components/DataList/Clusters/ClusterItem.tsx#L14

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

помогитий

помогитий

вообще, не понятно что ты спрашиваешь

вообще, не понятно что ты спрашиваешь

в общем есть компонент и в нем есть clusterName: https://github.com/fusor/mig-ui/blob/master/src/app/home/components/DataList/Clusters/ClusterItem.tsx#L14 Как сделать, чтобы clusterName был доступен в другом компоненте?

https://codesandbox.io/s/github/Natanagar/Weathpal/tree/featuring я тоже со своими дурацкими автокомлитами в форме

в общем есть компонент и в нем есть clusterName: https://github.com/fusor/mig-ui/blob/master/src/app/home/components/DataList/Clusters/ClusterItem.tsx#L14 Как сделать, чтобы clusterName был доступен в другом компоненте?

посмотри как ты передаешь пропс cluster const ClusterItem = ({ cluster, clusterIndex, isLoading, ...props })

там где используешь <ClusterItem cluster={...} .../>

точно также передавай в любой другой компонент его

точно также передавай в любой другой компонент его

просто не очень могу понять, как вызвать ClusterItem здесь https://github.com/fusor/mig-ui/blob/4c5b526a1acf1084c3f207e80bc7dcaab04ae324/src/app/cluster/components/AddClusterModal/AddClusterForm.tsx#L212

и чтоб в итоге получилось if (!values.name || values.name == clusterName) { errors.name = 'Required'; }

Можно еще вопрос по формам и концепции реакта, есть например форма из 2х полей, через ant design, у формы есть onSubmit который дергает action с api. Нужно ли для этой формы заводить стейт из 2х полей и делать обработчик onChange что бы любой ввод был через стейт компонента или это не обязательная методика, (без этого тоже работает, как правильно, можно ли это опустить)?

подскажите, что-то не пойму, компонент редирект работает только в пределах функции рендер, если я хочу вне её, что использовать? на стаке увидел такую запись: this.props.history.push('/path'); но что-то не понятно..

@paxarpp @ide_ru

Можно еще вопрос по формам и концепции реакта, есть например форма из 2х полей, через ant design, у формы есть onSubmit который дергает action с api. Нужно ли для этой формы заводить стейт из 2х полей и делать обработчик onChange что бы любой ввод был через стейт компонента или это не обязательная методика, (без этого тоже работает, как правильно, можно ли это опустить)?

возьми готовое решение formik или redux-form или react-final-form

https://codesandbox.io/s/github/Natanagar/Weathpal/tree/featuring я тоже со своими дурацкими автокомлитами в форме

я думал у меня жопа в коде

Комплиментами сыпете?)))

как в тестах с enzyme узнать количество tr в table?

Комплиментами сыпете?)))

А чего это за конструкция такая? что за диспатч?

это это юзЭффект как Дидмаунт

ну за редакс))) да)) первый раз

ну за редакс))) да)) первый раз

Это обучение?

Можно еще вопрос по формам и концепции реакта, есть например форма из 2х полей, через ant design, у формы есть onSubmit который дергает action с api. Нужно ли для этой формы заводить стейт из 2х полей и делать обработчик onChange что бы любой ввод был через стейт компонента или это не обязательная методика, (без этого тоже работает, как правильно, можно ли это опустить)?

https://reactjs.org/docs/uncontrolled-components.html это без стейта https://reactjs.org/docs/forms.html#controlled-components это виз стейт И так и так можно. Ессли данные с формы тебе не нужно обратывать на лету\или поркидывать в другую часть приложения (простой сабмит), то в большинстве случаев биндинг данных не стоит.

https://openweathermap.org работал кто? что тут только один город получить можно, методов для получения списка я так понял нет?

https://openweathermap.org работал кто? что тут только один город получить можно, методов для получения списка я так понял нет?

там есть возможность по cityId вытащить можно проитерировать по айдишникам

только зачем тебе список городов?

там есть возможность по cityId вытащить можно проитерировать по айдишникам

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

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

https://openweathermap.org/forecast16

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

Это обучение?

нет, я убрала уже диспатч оттуда

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

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

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

нет, я убрала уже диспатч оттуда

Жаль я не могу помочь потому что не могу понять что там происходит

там фетч данных из третьего апи (он как ДидМаунт работает)

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

http://bulk.openweathermap.org/sample/

http://bulk.openweathermap.org/sample/

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

Emotion Linaria

мне кажется что emotion даже лучше sc

мне кажется что emotion даже лучше sc

чем же

такой ситуэйшн - есть большой список блоков, в которых есть ключевые слова. Эти ключевые слова можно перетаскивать между блоками благодаря react-beautiful-dnd. Появилась задача добавить виртуализацию на эти блоки, добавил react-virtualized, но react-beautiful-dnd не работает с виртуализацией, т.к. при перетаскивании элемента нельзя добавлять/удалять Droppable, а виртуализация этим и занимается. Есть ли мб какое то решение для react-beautiful-dnd + react-virtualize, или мб есть какая то другая связка dnd и virtualize?

чем же

ну как минимум что ты не загружаешь кота в мешке с sc в emotion завезли разделение на css/styled он меньше даже если сплюсовать /css + /styled чем sc апи одно и тоже react-select v2 юзает его (9, правда версию)

тоже есть бабель макросы как и в sc

и самое главное что API точь в ТОЧЬ одинаковое почти

ну как минимум что ты не загружаешь кота в мешке с sc в emotion завезли разделение на css/styled он меньше даже если сплюсовать /css + /styled чем sc апи одно и тоже react-select v2 юзает его (9, правда версию)

не загружаешь кота в мешке?

что?

не загружаешь кота в мешке?

44кб ск

ну как минимум что ты не загружаешь кота в мешке с sc в emotion завезли разделение на css/styled он меньше даже если сплюсовать /css + /styled чем sc апи одно и тоже react-select v2 юзает его (9, правда версию)

ага emotion моложе, и имеет гораздо больше ломающих версий

сначала они вкатили фичу, потом выкинули её

ух классный инструмент

https://bundlephobia.com/result?p=@emotion/core@10.0.10

https://bundlephobia.com/result?p=@emotion/styled@10.0.11

https://bundlephobia.com/result?p=styled-components@4.2.0

и

причем тут кот в мешке?

причем тут кот в мешке?

образно перегнул

кот в мешке — это когда ты не знаешь о достоинствах и недостатках

ну давай расскажи про плюсы sc

перед emotion

https://bundlephobia.com/result?p=styled-components@4.2.0

то есть ты ради 10кб готов пожертвовать поддерживаемостью своего приложения?

ну давай расскажи про плюсы sc

экосистема

стабильность

дальше можно не продолжать

https://bundlephobia.com/result?p=styled-components@5.0.0-4.canary-sheet хотя ок, есть канарейка в 35 кб

https://bundlephobia.com/result?p=styled-components@5.0.0-4.canary-sheet хотя ок, есть канарейка в 35 кб

ты б лучше на gzip смотрел посколько доставляется только он