в смысле “падажи ебана"

данные с родительского стейта передаются в пропсах в дочерние функциональные компоненты

как то так

с этой функцией чтобы поменять стейт из них при изменении

редакс походу лучше да

Вопрос о БЭМ и css-in-js. Я правильно понимаю что никакой подсветки, автодоролнения, хаяку и прочих прелестей жизни с css-in-js?

данные с родительского стейта передаются в пропсах в дочерние функциональные компоненты

а на сколько уровней?

пока 3 где то

родительский - дочерний - дочерний

Это просто форма?

или прямо рутовый компонент приложения

ну рутовый после перехода на этот роут

@iamstarkov что за тулинг ты упоминал вчера?

если мы про одинаковое говорим)

рутовый = корневой

нет, страница просто

короче просто форма на странице?

с роута переходим

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

но какая то большая форма))

оставляй тогда сетстейт

вместо редакса? а его когда лучше было бы заюзать?

Вопрос о БЭМ и css-in-js. Я правильно понимаю что никакой подсветки, автодоролнения, хаяку и прочих прелестей жизни с css-in-js?

StyledComponents имеет подсветку

В автодополнении CSS никогда не нуждался. Но возможно что-то есть

вместо редакса? а его когда лучше было бы заюзать?

когда у тебя надо будет данные шарить между страницами в разных роутах

http://s.syabro.com/2017-07-14-11-08-lxi3k.png

у нас весело в питонячем слаке

все-таки реакции на сообщения это ок

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

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

@iamstarkov что за тулинг ты упоминал вчера?

автодополнение реализовано или через тайпинги/флоу или через плагины

чтобы там в хедерах разных имена можно было поставить

padding: [5, 10]

Владимир стоит начинать знакомится с парадигмой с css-in-js? Не прочь попробовать, но пока кажется жестью. Доклад и слайды смотрю сейчас.

Владимир стоит начинать знакомится с парадигмой с css-in-js? Не прочь попробовать, но пока кажется жестью. Доклад и слайды смотрю сейчас.

стоит

css-in-js? --- react-jss*

а где правильнее делать логику с модалками? у меня сейчас вообще структура роутер - profileContainer (тут загружаются данные / лоадер / некоторые проверки) - потом сам стейт компонент профиля и потом за ним дочерние

там ещё istf грядёт

там ещё istf грядёт

Это что

я пока сделал в компоненте профиля, это правильно?

Это что

прочитай в интервью https://twitter.com/survivejs/status/883394109993385984

тлдр: быстрый аст для цсс

используемый mainstream cssinjs либами

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

что значит, что у тебя не будет сильного бандл блоата

так, притер совсем не дружит с стайледом

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

@sergeysova

1

окей, спасибо

background -> background-color

когда много вычисляемых стилей от props становится еще удобнее если вынести их отдельно, а в итоговом стиле писать вызов ${backgroundColor}, к примеру.

утро доброе

есть проблемка, яхз как ее решить. есть аппа, нужно чтобы ее можно было открыть по example.com/view/:token. сделал таким макаром: <Router history={ history }> <Route path="/view/:tokenkey" component={App}/> </Router> токен передается в контейнер, там видится всем чем надо, проверял по /view/123. при попытке открыть страницу с любым другим токеном - реакт редиректит меня назад на /view/123

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

background -> background-color

Типикал сторе

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

доки прочитал?

у рр ещё есть папка examples в репе

ERROR: S client not available

Подскажите плиз по коду http://dumpz.org/2623271/ Мне нужно в зависимости от пропса userInfo.is_limited определять местоположение в браузере. Использую react-geolocated, а т.к. там используется HOC компонент, то пришлось самому делать HOC обертку для отключения определения geolocation. Может как-то можно проще это всё было сделать, подскажите?

ребзя, всем приветы ,А как правильно обернуть react-select для редакс-форм ? а то у меня он работает, но при потере фокуса с элемента значение селекта пропдаает

делал вот так

https://stackoverflow.com/questions/42650273/reactjs-how-to-wrap-react-select-in-redux-form-field

учуваков таже проблема

О

У меня такая же фигня была только с собственным селектом

Я костыль с сеттаймаутом куда-то впихнул

такой же косяк есть с draftjs. пока не трогал, нет времени

был еще в одном месте такой косяк. но решалось все тем, что я перезаписывал onChange redux’овский

да перезаписывааю

а можно примерчик костыля ?))

и так уже убил времекни тучу в этот гребаный редукс-форм

Уууух... Сейчас поищу) я стейт менял с задержкой в 100 просто

о, понеслось говно по каналам всем

А может бы БЭМом увлекаешься?

Та хватит уже форсить))

есть проблемка, яхз как ее решить. есть аппа, нужно чтобы ее можно было открыть по example.com/view/:token. сделал таким макаром: <Router history={ history }> <Route path="/view/:tokenkey" component={App}/> </Router> токен передается в контейнер, там видится всем чем надо, проверял по /view/123. при попытке открыть страницу с любым другим токеном - реакт редиректит меня назад на /view/123

а если открыть, например view/456, сразу, а не после view/123, то что выводится?

мне кажется проблема в history

а если открыть, например view/456, сразу, а не после view/123, то что выводится?

меняет урл на 123 и пытается вытянуть старый контент

в консоли вижу, что происходит location_change и потом вагон разных rehydrate

но урл все равно старый

а можно примерчик костыля ?))

передай в onChange функцию, в которой будет вызываться input.onChange и твой кастомный onChange

Почему мне раньше никто не сказал, что ФП это охуенно интересно?)

ок, пофиксил

SelectInput.js import React from 'react'; import Select from 'react-select'; import 'react-select/dist/react-select.css'; export default (props) => ( <Select {...props} value={props.input.value} onChange={(value) => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} /> ); MyAwesomeComponent.js import React, {PureComponent} from 'react'; import SelectInput from './SelectInput.js'; class MyAwesomeComponent extends PureComponent { render() { const options = [ {'label': 'Germany', 'value': 'DE'}, {'label': 'Russian Federation', 'value': 'RU'}, {'label': 'United States', 'value': 'US'} ]; return ( <Field name='countries' options={options} component={SelectInput} multi /> ); }

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

я недоспиздил кусок кода из другого проекта

Почему мне раньше никто не сказал, что ФП это охуенно интересно?)

? Никто не верит(