Идеальная форма разбитая на степы это реально!

Сегодня я поделюсь своим видением идеального взаимодействия с многоступенчатой формой. Она покрывает огромное количества бизнес кейсов и в тоже время масштабируема и абсолютно просто до настраиваема под любые ваши нужды!

Поддержать Айти Синяка можно здесь:

Таймкоды:
00:00 Объявление темы
00:16 Демо идеального степпера
01:20 Архитектура степов
01:50 Отображение степов
01:57 Способ переключить степ
02:36 Отступление Final Form
02:58 Почему нельзя хранить данные формы в state
03:25 Храним данные формы в session storage
03:55 Очистка формы при уходе со степера
04:25 Конфигурируемость степера
04:38 Поделитесь видео!
04:48 Рекомендованные видео

-------------------------

Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом

[NoName-hsqp]

Крутой контент, сделай плейлист по формам плиз 🌚

[АнатолийГорбов-оь]

Супер! а не планируете какой-нибудь ролик по продвинутым фишкам в react hook form?) а то везде только базовые, а у вас на канале много роликов с интересными кейсами по разным темам! в любом случае спасибо за канал!)

[vana__f]

У меня почему-то срабатывает unmount при перезагрузке компонента. Можете объяснить почему?

[VeaceslavBARBARII]

At 1:52, I believe the line 16 should have been: `const { state: { activeStep = 0 } = {} } = useLocation();`

[alanominatorkiborg]

Напоминает "Финес и Ферб", только для фронтэндеров.

[vladimirworka]

Если перейти по ссылке на другую страницу (скажем со второго шага) и потом нажать в браузере Назад ловим багу что storage у нас пустой, а activeTab в state браузера равен 2. Не смог пока решить как с этим красиво бороться, кроме как проверить в компоненте заполнен ли storage и если нет то скинуть activeTab на 1.

[МаксимДимитрак]

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

[dmitriymovchan]

Как-то слишком быстро и поверхностно рассмотрена тема - хотелось бы больше подробностей.

[xD-hugw]

Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack - в роутре v5.0 ловлю такое и не перезаписывается стейт