@react_js
Stepan14.09.2017
15:53:09
15:53:09
Спрошу ещё раз: redux-form действительно стоит того? Или только больше проблем от него?
Artyom14.09.2017
15:53:34
15:53:34
GoogleArtyom14.09.2017
15:54:20
15:54:20
Смотря зачем нужен. Обычно, если не уверен что нужен - значит не нужен
Vladimir14.09.2017
15:54:48
15:54:48
ну да, если у тебя прямо-таки хуева туча форм, или ты юзаешь сохранение драфтов в локалсторэйдже - тогда стоит заюзать
code4aman14.09.2017
15:55:03
15:55:03
Да, ясен пень. Дело не в этом. Formik делает reset и выставляет все поля с помощью mapPropsToValue и вот дело в том, что когда options приходят, мне надо как-то ставить value на первый option, да так, чтобы после reset он так-же выставился.
Наверное правильней будет снаружи держать это, чтоб после загрузки вызвался колбек который обновит пропсы формы, откуда ресет и возьмёт потом значениеVladimir14.09.2017
15:55:03
15:55:03
потому что мы у себя используем драфты в лс
Sergey14.09.2017
15:55:39
15:55:39
ну да, если у тебя прямо-таки хуева туча форм, или ты юзаешь сохранение драфтов в локалсторэйдже - тогда стоит заюзать
А почему нельзя просто сохранять значения в redux, перед уходом с формы?Vladimir14.09.2017
15:56:07
15:56:07
мы и юзаем, но у нас у юзера еще хранится несколько драфтов за последнее время, ибо он мог заполнять продукт и свалить
В некоторых местах мы юзаем серверсайд драфты
Stepan14.09.2017
15:56:29
15:56:29
А почему нельзя просто сохранять значения в redux, перед уходом с формы?
Так локалсторейдж это другоеVladimir14.09.2017
15:56:37
15:56:37
И там тоже redux-form'ы неплохо помогают
ибо достаточно просто сделать регидрирование с серверного конфига
но у нас и форм хуева туча и они огромные, так что нам зашло
Alexey14.09.2017
15:57:48
15:57:48
прокинуть в Content пропс, а внутри Content реализовать поддержку этих пропс
render(){
<Card onMouseEnter={this.handleMouseEnter}>
<Link>
<Content isCardHover={this.state.isCardHover}>
<Image src='/uploads/banner/test.png'/>
</Content>
<Footer>
<Info title='ntrn' text='579'/>
</Footer>
</Link>
</Card>
}
Оборачивать в другой компонент для передачи? Нельзя никак обойтись без оборачивания в другой компонент?Sergey14.09.2017
15:58:00
15:58:00
Так локалсторейдж это другое
Я понимаю, просто если тебе нужно только сохранять значения... Только ради этого redux-form?GoogleVladimir14.09.2017
15:59:06
15:59:06
Нет, писать ввелосипед для валидаций, регидраций и тд - не круто
Тем более, что мы на больших формах не видим просадок
Sergey14.09.2017
15:59:44
15:59:44
Я и не говорю про велосипед. Formik + если надо пиши в Redux...
А туда-сюда гонять эшены, как-то не особо мне заходит
Stepan14.09.2017
16:00:01
16:00:01
Artyom14.09.2017
16:00:04
16:00:04
Stepan14.09.2017
16:00:07
16:00:07
Спрашивал я в целом
Sergey14.09.2017
16:02:30
16:02:30
Я пользовался react-redux-form, они как-то подружелюбнее, но в один день я понял что бессмыслено, как по мне, гонять эшены. И тут накнулся на Formik - решил переехать. Меня очень смущает что на каждую буковку введеную летит onChange в редукс, редусер меняет значение, подписаное поле получает значение...
Lupsick14.09.2017
16:02:46
16:02:46
Artyom14.09.2017
16:03:05
16:03:05
Ридакс с формик?
рьыдакс с формиком, ага. Еще и в локалсторадж пишем. Вроде все прозрачно, ясно, работаетSergey14.09.2017
16:03:26
16:03:26
Рыдакс)
Artyom14.09.2017
16:03:40
16:03:40
Рьыдакс!
code4aman14.09.2017
16:05:01
16:05:01
На самом деле это норм решение, тк тут ридакс для своих нужд, не для функционирования формы самой. Сам только подумывал над этим, ибо пока хранить данные с форм не приходилось
И тогда синхронизация модели в ридаксе будет односторонней
Перфоманс++
Denis14.09.2017
16:06:44
16:06:44
Всем привет. Такой вопрос. Есть копонент, который является композицей других.
<Card>
<Content>
<Image src='/uploads/banner/test4.jpg'/>
</Content>
<Footer>
<Info title='Your financial freedom' text='579'/>
</Footer>
</Card>
Например компоненту Content необходимо знать что произошло событие moouseenter и mouseleave на компоненте Card. Каким способом лучше это сделать?
Изврат конечно, но вот 2 способа, как это сделать:
1) научить card работать как link, чтобы не требовался компонент Link, после пройтись Children.map по дочерним компонентам card, и на условие kind === 'content' прокинуть коллбек в Content
2) использовать контекст и с его помощью прокинуть коллбек в контентВнутри Content будет что-то вроде this.context.setHandler(myCallback)
Sergey14.09.2017
16:18:21
16:18:21
Норм тема, если в Select (моя обертка над select обычным) вместо готовых options я буду передавать promise, который запрашивает их c api, а после уже работает с ними?
GoogleDenis14.09.2017
16:19:54
16:19:54
Внутри Content будет что-то вроде this.context.setHandler(myCallback)
А по 1 варианту при итерации через мап у тебя есть доступ к инстансу дочернего компонента, собственно это обычный объект, дергай методы напрямую из родителяНорм тема, если в Select (моя обертка над select обычным) вместо готовых options я буду передавать promise, который запрашивает их c api, а после уже работает с ними?
На русском это звучит как получить данные и отрисовать options по ним ?)Норм
Sergey14.09.2017
16:21:54
16:21:54
Тогда приступим
Emir14.09.2017
16:24:40
16:24:40
Alexey14.09.2017
16:26:38
16:26:38
А по 1 варианту при итерации через мап у тебя есть доступ к инстансу дочернего компонента, собственно это обычный объект, дергай методы напрямую из родителя
Насколько говенный вариант. Если делать react clone element и прокидывать пропсы??) Либо еще варинт сделать еще одну обертку сверху, которая будет прокидывать все что нужно. Типо передали колбек в кард и при enter меняем стейт обертки который прокидывает нужный пропс contentfrom14.09.2017
16:28:01
16:28:01
from14.09.2017
16:28:53
16:28:53
нахрена промис в качестве пропсов передавать
чем проще данные передаёшь, тем лучше
готовь данные сверху
code4aman14.09.2017
16:30:00
16:30:00
+, лучше уж пропсами давать урл и параметры
from14.09.2017
16:30:06
16:30:06
и вообще бери https://github.com/paypal/downshift
Denis14.09.2017
16:30:08
16:30:08
У тебя есть класс контент
У него есть метод onCardEvent
Родитель через мап находит инстанс контент
И напрямую вызывает onCaddEvent с нужными параметрами
Sergey14.09.2017
16:31:55
16:31:55
готовь данные сверху
И так везде где понадобится получать их с API? Везде делать state, везде добавлять поле isFetching, везде писать componenDidMount?GoogleDenis14.09.2017
16:32:54
16:32:54
from14.09.2017
16:33:40
16:33:40
И так везде где понадобится получать их с API? Везде делать state, везде добавлять поле isFetching, везде писать componenDidMount?
можешь везде, можешь хелпер создатьfrom14.09.2017
16:35:36
16:35:36
так создай компонент))
<Fetcher /> :) норм тема
но вообще тут надо понять что это за данные
может их в стор надо
может не надо
Denis14.09.2017
16:36:37
16:36:37
withApiCall()
Sergey14.09.2017
17:41:01
17:41:01
Всем привет, кто как с формами и редаксом работает? 1 редюсер на все формы? Может быть есть что почитать?
Enriko14.09.2017
17:42:22
17:42:22
Всем привет, кто как с формами и редаксом работает? 1 редюсер на все формы? Может быть есть что почитать?
Да, но он каждую форму при её регистрации кладёт в отдельное после стора formполе*
Max14.09.2017
17:45:29
17:45:29
Sergey14.09.2017
17:45:50
17:45:50
Вот думаю как лучше организовать, у меня spa, и роутер настроил, примерно 10 роутов, и 15 формочек
Artyom14.09.2017
17:46:24
17:46:24
Чет неделя реакт форм какая-то
Enriko14.09.2017
17:49:53
17:49:53
Вот думаю как лучше организовать, у меня spa, и роутер настроил, примерно 10 роутов, и 15 формочек
А в чем именно проблема? По идее там и по дефолту всё неплохо организованоSergey14.09.2017
17:55:31
17:55:31
А в чем именно проблема? По идее там и по дефолту всё неплохо организовано
Проблем нет) хотел узнать кто как работает) думаю вот по редюсеру на форму, один на все или какой то динамический один, чтобы хранил только то что на странице сейчасБудет много форм, и думаю чтобы не упереться потом в немасштабируемое решение
Enriko14.09.2017
17:59:03
17:59:03
Проблем нет) хотел узнать кто как работает) думаю вот по редюсеру на форму, один на все или какой то динамический один, чтобы хранил только то что на странице сейчас
Динамический не особо и нужен, но сделать можноGoogleSergey14.09.2017
18:00:06
18:00:06
Спасибо)
Rion14.09.2017
18:36:33
18:36:33
псс, для чего alt.js нужен?
Rion14.09.2017
18:36:59
18:36:59
бля
у меня таск управлять компонентами через альт жс
кто-нибудь шарит за это?
Artyom14.09.2017
18:37:44
18:37:44
http://risovach.ru/upload/2014/01/mem/begite-glupcy_39200714_orig_.jpeg
Ну я шарю, сейчас это основной стейт менеджер на крупном легаси проекте
Rion14.09.2017
18:38:22
18:38:22
а что с этой либой не так?
Artyom14.09.2017
18:38:29
18:38:29
На самом деле он норм. Но по сравнению с редаксом - крайне отвратительная штука
Ну там несколько сторов поощряется, что в большом проекте в неумелых руках приводит в дикой анархии
Тамашний девтулз (плагин для хрома) может ломать приложение, а ты даже не догодаешься об этом
Он старый и документация по нему отвратительная и не поддерживается
А еще гугл и яндекс по поиску об этой либе постоянно какого-то музыканта выдает...
Единственное, что в нем понравилось - это actionCreators
Или как-то так... Кароч экшены простые там можно очень быстро создавать
Rion14.09.2017
18:41:09
18:41:09
эта либа вместо редакса юзается или что? для чего она вообще?
Открыть в Telegram