потому что заполнять ее второй раз если что-то наебнулось не ок

автосейв в local storage

Доброго времени суток, интересует вопрос: Возможно ли в React сделать форму создания записей как в WordPress или аналогичную?

ну или если бек позволяет то туда

Доброго времени суток, интересует вопрос: Возможно ли в React сделать форму создания записей как в WordPress или аналогичную?

дратути можно

Доброго времени суток, интересует вопрос: Возможно ли в React сделать форму создания записей как в WordPress или аналогичную?

да

да

Существуют ли какие-нибудь библиотеки?

какие-нибудь существуют

а есть смысл юзать редакс формс ?

Существуют ли какие-нибудь библиотеки?

https://github.com/jpuri/react-draft-wysiwyg

https://github.com/jpuri/react-draft-wysiwyg

Very nice, thx :)

Very nice, thx :)

bitte schon

а где тогда хранить логику валидации форм, это будет в экшенах ?

в случае если юзать редакс

а где тогда хранить логику валидации форм, это будет в экшенах ?

я для валидаций юзаю validate.js и храни где хочешь собственно

+ за валидейт

я пробовал json schema но он ебловатый

и для программистов а не для енд-юзеров

я пробовал json schema но он ебловатый

я тое пробовал :) но 1 раз описать constrains, и всё, ебатня заканчивается на этом :)

меня больше бесит что required задается не на поле а массивом на обьект

я пробовал json schema но он ебловатый

но, например если тебе надо описать, скажет geoJSON, то схема весьма удобна оказалось

хм, а как связать этот валидейт джс с реактом-редаксом ?

пытаюсь всю эту бесконечную пачку зависимостей как-то связать)

хм, а как связать этот валидейт джс с реактом-редаксом ?

ну вариант 1: у тебя в компоненте можно проверку замутить

вариант 2: в редаксе проверку замутить и потом пихать в стейт где эррор и почему

в лайф сайкл методах ?

в первом случае ?

в лайф сайкл методах ?

та не, зачем? просто сделай в handleInput —> checkValidity

и при каждом вводе (или непосредственно сразу после) будет проходить проверка

а если в редаксе, то это в экшенах вся эта логика описывается ?

и мне нужно что-то чтобы экшены были не обьектами а функциями ?

redux-thunk

?

а если в редаксе, то это в экшенах вся эта логика описывается ?

да, в экшене проверяй всё введённое юзером и пиши в стор что или есть ошибки или их нет

и мне нужно что-то чтобы экшены были не обьектами а функциями ?

тебе надо проверить values объекта (который создался при вводе данных в форму) по тем параментрам, которые задал для валидации. Тебе после вызова вернётся или всё ок, или нет и текст ошибки. Дальше разруливаешь куда и чё писать

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

т.е есть какой-то экшен-валидейт типа

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

я б делал в экшене

у тебя есть экшн отправки формы?

еще ничего нет)

пока только думаю как это сделать

я б делал в компоненте

что б если валидация валится, экшн не дёргался

ага, т.е вся этал огика будет внутри компонентов, а в стор пушить только уже необходимые данные ?

Валидировать форму лучше в компоненте, потому что вызывать по экшону на ивент нажатия клавиши – дорогое удовольствие

в данном случае ИМХО - так логичнее

которые потом на последнем степе улетят на бекенд

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

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

нахурмы?

у тебя там виззард?

а вдруг бзверь перезагрузит страницу ?

а вдруг бзверь перезагрузит страницу ?

ну так и стор твой улетит тогда)\

так он из локалсторейджа восстановится

или в базу сразу или в локал стор

так он из локалсторейджа восстановится

если там копия есть

думаю в локал стор

с таким успехом я пока что не понимаю зачем вобоще редакс нужен для этой задачи)

http://andreypopp.github.io/react-textarea-autosize/

Блин, он делает, как раз то, что мне не нравится

Создаёт shadow dom, да, к этому решению я тоже пришёл, но может можно как - то без этого грязного трюка?(

Создаёт shadow dom, да, к этому решению я тоже пришёл, но может можно как - то без этого грязного трюка?(

грязный трюк?)

лол

:D

это же как раз офигенно

важно есть ли у него фолбэк для старых браузеров

У меня аудитория не пользуется старьём

100% современные браузера

ERROR: S client not available

последние Chrome/Opera/Лиса

Видимо придётся обмазываться этим shadow dom :C

ну тогда че париться?)

Окай, мне просто казалось это неправильным

Уровня: использовать Object.assing, когда есть спред оператор

Или JQuery + React

Да, последнее ближе к истине...

реакт же юзает шадоу

wat

с какой версии??

оп

походу я напиздел

пойду проверять

Нашел баг в V8

0 ()=>4 дважды не должно выводиться

Или че?

Выглядит, как баг не в В8

а в консоли хромовской

0 ()=>4 дважды не должно выводиться

Да, в консоли. Хром не видит отличия между функциями и начинает стакать лог

Ясно)

Я попробовал добавить функций, стакает, ага

но при этом, если сделаешь

for (let b in a) { console.log(i, a[b]()) } (выполнишь функцию во время лога)

то всё нормально

Но вежь switch был лучше

const defaultFields = items.filter(e => e.selected && e.default).length === 4;

есть такая константа

нужно сделать аналогично, но чтобы он пропускал e.default с true и остальное по сути так же

const customFields = items.filter(e => e.selected && !e.default).length > 0;

но не то