У меня компоненты от материал юи

Да

Самому

Если нужно

Интересно, спасибо

Если бы все было ок, то не нужен был бы react-formal-inputs

https://github.com/jquense/react-formal-inputs/blob/master/index.js

Но это просто хандлер один

мда

С семантиком не получилось склеить, хотя там просто onChange и value нужны

Все что я делаю это оборачиваю компонент материал юи

Даже код покажу

В итоге юп оставили, а его снесли

Но это точно не тот ад что в других либах

Да, это лучшее что есть кажется

Юп садится на бутстраповскую конвенцию подсветки ошибочных полей.

?

Юп про схему и валидацию

Самому

Тогда это до альтернативы redux-form не дотягивает

Не про уи часть

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

сверху пример обертки инрпута от матириала

Ок. А формал?

там свои коллбеки

что формал?

Садится на бутстраповскую подсветку?

Или тоже ручками писать?

Вдруг там вокруг инпута своя обвязка html+css для подсветки

в скрине выше видно как ловится ошибка

в компонент пробрасывается

а там что хочешь делаешь

Понял.

Удобно

checkError() самописная или импортируется из библиотеки?

Её нет на скрине

самописная

но это просто сахар

Симпатично выходит

чтобы выдернуть сообщение первой ошибки для поля

а сами сообщения ошибок уже в yup схеме

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

у меня есть одна форма которая юзается в нескольких местах

validatorjs как-то понятнее

yup / jsonSchema

эту форму я оборачиваю в контейнер

один контейнер хранит в редаксе + локалстор

другой в локальном стейте

разделяй и властвуй

)

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

когда хочешь ресетишь

хочешь controlled хочешь нет

ошибки можно синхронно можно асинхронно

и никакой магии

это лов

За юп спасибо. До кода доберусь попробую завернуть через него.

А что делает формал так и не понял. Похоже, TextField и другие обвязки.

Вроде календаря

другой в локальном стейте

А разве наличие локального стейта при redux это не антипаттерн? Как же чистые функции, one source of truth и так далее?

Он делает чекинг на было ли поле активировано или нет , управляет схемой и выдает ошибки

Также вешает на форму коллбеки типа ончендж онсабмит

Смотря для чего ) если мне после закрытия формы данные не понадобятся

А разве наличие локального стейта при redux это не антипаттерн? Как же чистые функции, one source of truth и так далее?

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

То и редакс там не за чем

С формалом можно опустить локальный стейт

ERROR: S client not available

И сразу ловить онсабмит

Но это если нет всяких автолополнений и валидации со стороны сервера

В общем для максимально простых форм

Автодополнение при таком подходе можно в компонент спрятать теоретически

Ну я через стор смотрю

Точнее на экшн

Явное поведение

А разве наличие локального стейта при redux это не антипаттерн? Как же чистые функции, one source of truth и так далее?

Не для всякого же мусора, а для важных данных single source of truth

Блин

А компоненты дамб ас э фак

"всякий мусор" не очень формальное выражение

Идею я понял

Например содержимое инпута не часть стейта.

Ошибка в форме тоже.

Тоесть стора, не стейта

Смотрите. Есть допустим таблица. Там надписи. Щелкаем по надписи она меняется на инпута (как эксель)

Факт переключения в режим инпута это стор или локал стейт? Сохранение по enter, не реалтайм.

После перехода на аполло в качестве менеджера данных + редакс для состояний + формал для форм я снова влюбился в веб девелопмент

apollo +

стор канеш

стор канеш

Тогда я ничего не понимаю. Ведь режим инпута это "мусор"

depends

Тут как хочешь

у тебя данные из инпута как собираются?

Он реализуется даже на css, если вывод делать не через div, а input

Твой компонент может брать коллбек ввода инпута и слать эту инфу

А как он выглядит его забота

Понятно что он не пошлет ничего пока он див

у тебя данные из инпута как собираются?

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

не

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

У меня никак, это гипотетический вопрос. Ну допустим внутри компонента onkeypress, проверка на код 13, далее form resialize и аяксом например

хм