хммм

Реакт+формы = боль

вообще нет

Реакт+формы = боль

Не то слово

Реакт+формы = боль

redux-form норм

redux-form норм

боль

меньшая, чем без него

снижает уровень боли до терпимого

мы тут написали свой велосипед упрощающий всё до максимума даже генератор есть

аналог https://github.com/mozilla-services/react-jsonschema-form

попоболь снижается до легкого жжения

я на одном проекте начинал похjжию штуку делать, боль началась когда от схемы перешли на json-ld

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

Предполагаю что только вырезать их в handleSubmit

есть кстати какой-нибудь велосипед чтобы добавить валидацию через joi в redux-form или свое писать придется?

Предполагаю что только вырезать их в handleSubmit

Да, так и сделал уже)

А зачем тогда вообще сам redux-form если надо велосипедить все равно?

Я предпочитаю велосипедить вокруг react-formal, гораздо меньше боли и жжения

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

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

А можно ж заранее подготовить данные для initialValues?

Я предпочитаю велосипедить вокруг react-formal, гораздо меньше боли и жжения

В голове боль и жжение – принимай react-formal

А можно ж заранее подготовить данные для initialValues?

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

посмотрел react-formal, норм выглядит

Жжение не в голове обычно ?

и в yup умеет, который почти joi

Ага

Валидация шикарная там по сравнению с остальными

А ещё такой вопрос, в redux-form autofocus на инпуте не срабатывает?

Вот бы щас все в редукс засунуть

Вот бы щас все в редукс засунуть

Это к моему вопросу?)

Это к моему вопросу?)

Это вообще о тенденции

Ну да, есть такое

Всем привет! У меня на странице есть компонент модального окна. Можно ли как то поймать нажатие кнопки Back на Android, чтобы скрыть этот компонент, а не переходить на страницу назад?

Наврятле

onBackPressed() ?

омг, чатом ошибся

Можно попробовать добавлять хэш к урлу к примеру тогда бэк будет возвращать без хэша страницу

:D

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

можешь поиграться с history

где-то видел статью по правильно обработке нажатий “Назад” в браузере

чтобы не по истории бегать, а по иерархии

так что да, можно но смотри уже в npmjs.com/history

господа, такой вопрос: по теме redux-devtools в хроме. У меня почему-то инспектор и слайдер друг с другом никак не связаны, это нормально?

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

ну то есть мелочь, конечно, но неприятно

реакт перезаписывает DOM, вот каретка и сбивается

это browser specific? Не наблюдал такого

во, переустановил - заработало

збс

всем спасибо

всем спасибо

пожалуйста

Подскажите, а при пользовании роутером, какой подход для пуша лучше? this.context.router.push() или browserHistory.push()

1

2

2

this.props.push

history browserHistory.push() – 15 ??????? 71% this.context.router.push() – 4 ?? 19% this.props.push() – 2 ? 10% ? 21 people voted so far. Poll closed.

Где вариант: "браузер пуш, хоть и юзаю контекст"

а ещё вопрос. из контейнера прокидываю функцию в компонент

в компоненте onClick={this.props.handleClick}

где вариант "не делать такие хаки"?

как мне в handleClick аргумент передать?

this.props.handleClick(argh)

как мне в handleClick аргумент передать?

handleClick = arg => event => doWithEventAndArg(event, arg)

ERROR: S client not available

onClick={handleClick(‘arg’)}

Господа, наверняка все здесь ежедневно пилят компоненты с анимациями :) Можно как-то анимировать компонент через transition group при его маунте?

Отлично. Спасибо! :) но есть ещё вопрос по роутеру. допустим у меня есть Link. он active. я делаю browserHistory.push() и active пропадает, хотя по истории я просто углубился на один уровень. грубо гря был в /test а стал в test/test

мне кажется, или cssTransitionGroup для этого и был придуман?

если делаю такой роут: <Route component={TestComponent} path='/test' > <Route component={TestComponentInTestRoute} path='/:any' /> </Route> то Warning: [react-router] Location "/test/test" did not match any routes а если <Route component={TestComponent} path='/test' > <Route component={TestComponentInTestRoute} path=':any' /> </Route> то просто ничего не происходит. а если вложенность убрать, то норм работает

версия роутера какая?

3.0

И в догонку ещё вопрос :D почему во всех примерах <Route path="about" component={About}/>

а у меня так Location "about" did not match any routes

только со слешом работает

мне кажется, или cssTransitionGroup для этого и был придуман?

Судя по доке он смотрит только на то, как маунтятся его чайлды, но при этом если он сам появится в доме, то ничего не может проанимировать

Парни привет, кто-нибудь сталкивался с таким webpack в связке с extract-text-webpack-plugin игнорирует @font-face если в css файле кроме этого правила ничего нет и соотвественно file-loader не проходит по шрифтам, это баг или так и должно быть?

эм

а причем тут @font-face?

Есть две библиотеки со шрифтами например в папке vendor, в первой сперва подлючен шрифт через @font-face далее идут какие-то css классы, шрифт который указан через url('Some-font.woff') копируется с помощью file-loader в dist папку. В css второй библиотеки только подлючение шрифтов и больше ничего, file-loader игнорирует эти шрифты и не копирует их до тех пор пока не добавили любой класс например .foo {background: #ffffff;} после этого шрифт уже копируется при сборке.

Реакт+формы = боль

А где не боль?

бог вам дал ant design

а вы все еще вола ебете

необучаемые

Есть две библиотеки со шрифтами например в папке vendor, в первой сперва подлючен шрифт через @font-face далее идут какие-то css классы, шрифт который указан через url('Some-font.woff') копируется с помощью file-loader в dist папку. В css второй библиотеки только подлючение шрифтов и больше ничего, file-loader игнорирует эти шрифты и не копирует их до тех пор пока не добавили любой класс например .foo {background: #ffffff;} после этого шрифт уже копируется при сборке.

похоже на эту проблему, но она уже решена: https://github.com/webpack/css-loader/issues/94

@leo_nik спасибо, у нас версия уже с этим фиксом

@leo_nik спасибо, у нас версия уже с этим фиксом

может postcss минификатор удаляет?

cssnano/csso

отключил cssnano, сейчас посмотрим что получиться

@leo_nik спасибо гигантское за наводку?? дело в cssnano, пойду копать дальше

Grigory вот коммит с фиксом в css-loader, можно посмотреть что они отключили, чтобы не удалялись font-face: https://github.com/webpack/css-loader/commit/e70901adac88a06d93712e6f41ddbe913cddd267

чёт совсем роутер не вкуриваю: export default ( <Route component={App} path={start}> <IndexRoute component={IndexPage} /> <Route component={ServicesPage} path='/services'> <Route component={Test} path='*' /> </Route> </Route> ); const Test = () => <div>test</div>; перехожу в /services всё норм. тыкаю там в компонент, который делает browserHistory.push(/services/kek), урл меняется а содержимое нет

для чего юзаете recompose? real world example pls

pure hoc для функциональных компонентов

lifecycle хуки навесить на них же