cc @Misaka

Если ручками, то поясните нубу, пожалуйста.

Так. А если инпут — стейлес, то я могу в хендлере только к event.target.value обращаться?

Все ж говорят, что это плохо. Или чего не понял?

Аааа, ну ёба.

Так. А если инпут — стейлес, то я могу в хендлере только к event.target.value обращаться?

Ну да

Все ок с этим

Тут кто-нибудь работал с мапбоксом/лефлетом?

клевые альтернативы самому интересны, а в отсутствии оных пиарю https://github.com/jquense/react-formal (с ним в нагрузку идет yup для валидации)

Так. А если инпут — стейлес, то я могу в хендлере только к event.target.value обращаться?

https://facebook.github.io/react/docs/forms.html

Редакс-форм это когда ты делаешь сложную штуку и она настолько сложная, что всем не угодишь. Где-то можно наверное юзать, но у нас были проблемы с массивами и состояниями формы, например.

Редакс-форм в упор не хотел признавать что реордер элементов делает форму грязной.

Тут кто-нибудь работал с мапбоксом/лефлетом?

Я начал прикручивать, пока все тупит, но что-то рисую :)

Значит, ончейндж — пишем изменения в стейт приложения, онсабмит — читаем значения из стейта.

https://facebook.github.io/react/docs/forms.html

Я читал. Форма тоже стейтлес.

Долгое время не хотел считать форму грязной если ты добавлял элемент. Ну и вообще он сложноват немного.

Тут кто-нибудь работал с мапбоксом/лефлетом?

Есть чуть опыта с лефлетом)

В итоге хаки типо fields.toggle.onChange(Math.random()) при реордере. Хуита, короче.

Значит, ончейндж — пишем изменения в стейт приложения, онсабмит — читаем значения из стейта.

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

Тут кто-нибудь работал с мапбоксом/лефлетом?

Ковырял лефлет.

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

Но тогда нужно будет либо делать форму стейтфул, либо из онсабмит напрямую обращаться к её полям?

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

https://github.com/evgenyrodionov/react-form

))

Можно написать

Расширяемое

Лол

Как много кода)))

Да я 2 месяца назад сделал

react-formal же е мое

редакс там не нужен а если нужен то прикручивается за минуту

Он неудобен

Он костылен

<Form.Field name='name.first'/> <Form.Message for='name.first'/>

Вот это ад

Я не хочу кастомные компоненты

Я хочу родной нативный инпут

Нужно всего ничего

<input onChange={} validate={} />

если родной инпут нужен, то в чем проблема тогда?

в родном нет validate

this

можно только валидацию прикрутить через yup || joi

Парни глобальная тема, нужно решить как организовывать css в проекте, есть два главных кандидата css modules и JSS, инлайн стили в расчет не берем там все слишком похоже на велосипеды, далеко от нативного ну и медленнее. - Первый вопрос, обязательно ли собирать серверный бандл в случае css модулей, и как синхронизировать ключи классов для серверного бандла и для клиентского? - Второй не менее важный вопрос, как в обеих методологиях генерировать criticalCSS?

для сервера есть стаб-лоадер. в экспорт отдает тот же объект, а css никуда не выплевывает (про css-modules)

а... вопрос про бандл. это вкусовщина, есть возможность require переопределить, мое имхо - лучше собрать)

Круто, а можно ссылку, а то гугл ничего адекватного не нашел)

Кто-нибудь юзал jade-react, jade-react-loader?

угу

Нормально работает? Есть подводные камни? Сильно тормозит сборку?

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

Ребят, как вас такой подход?

сириусли?

https://twitter.com/dan_abramov/status/786550362211770368

Ребят, как вас такой подход?

Не оч понятно как компоненты делать

Я имею в виду, нормальные

С лайфсайклом и всем остальным

Ну и поддержка постцсс

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

Плюс синтаксис хайлайтинг опять же

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

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

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

{pretty: true}?

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

проверю, спасибо

{pretty: true}?

если не изменяет память, да

он же pug теперь и этим все объясняется=)

в родном нет validate

теперь есть

И если верить caiuse, то 90% юзер-агентов умеет

https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Forms/Data_form_validation

Честно говоря паттерны в кастомных компонентах работают ужасно с точки зрения UX (возможно я не умею готовить)

сириусли?

вай нот? =)

интересно, при использовании yarn всё еще нужно каждый раз сносить node_modules, чтобы быть уверенным, что всё будет ok? :) вроде без этого нормально работает, но мало ли

От степени паранойи зависит же

интересно, при использовании yarn всё еще нужно каждый раз сносить node_modules, чтобы быть уверенным, что всё будет ok? :) вроде без этого нормально работает, но мало ли

Так ярнлок

вай нот? =)

нечитабельно

это по какой ссылке смотрят?

Просто главная гитхаба)

а вот при минификации заменять было бы прикольно

вместо <div class=“ajkx7”> ставить <div class=“???⏩?”>

??

ваш цсс - ?

вместо <div class=“ajkx7”> ставить <div class=“???⏩?”>

Объем посчитац

Объем посчитац

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

типа .button_group -> .akj -> .?

нечитабельно

Так это для продакшена

при гзипе ужмется ведь все, там не особо будет важен размер css неймингов?

Ну и как бы гзип

Да

ну и если надо скрыть css от левых глаз типа как на google.com сделано

css-modules с этим отлично справляется

ну а так будут emoji

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

Короче, попробовал redux-form.

Мне ништяк.

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

Какие ещё лигатуры

https://www.youtube.com/c/DanAbramovCodes/live