ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

Advanced MultiPart Forms with RHF, Zod, Tailwind & ChatGPT

Автор: Vlad Nicula

Загружено: 2023-05-01

Просмотров: 4440

Описание: In this video I show you how I'm building multi part forms, how I used field arrays for dynamic form sections and also how ChatGPT and Github Copilot help me write boilerplate faster most of the time.


🔗 Resources
Github repo with final results: https://github.com/vladnicula/multipa...
Antd Date Picker Video:    • How to use AntD's Datepicker with React Ho...  
First , simpler forms video, with more in-depth explanations:    • Building Great Forms with React Hook Form ...  

🔗 Links
React hook form docs: https://react-hook-form.com/get-started/
Zod docs: https://github.com/colinhacks/zod
Antd React Components docs: https://ant.design/docs/react/introduce



Chapters:
00:00:00 intro
00:00:51 Project setup & ChatGPT tailwind
00:17:02 Implementation plan and overview
00:21:36 Splitting code boilerplate up
00:30:27 Basic toggling between forms
00:40:38 Persisting and retrieving persisted data
00:56:46 Navigating between form parts
01:25:00 Adding field arrays
01:44:24 Adding the controlled date picker component
01:52:30 Conditional rendering & schema validation
02:06:32 Fixing the checkbox box :)
02:07:28 Testing it out

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Advanced MultiPart Forms with RHF, Zod, Tailwind & ChatGPT

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

Почему AI генерит мусор — и как заставить его писать нормальный код

Почему AI генерит мусор — и как заставить его писать нормальный код

React Hook Form (with Zod) - Full Tutorial 🔥🔥

React Hook Form (with Zod) - Full Tutorial 🔥🔥

КЛАССИЧЕСКАЯ МУЗЫКА ДЛЯ ВОССТАНОВЛЕНИЯ НЕРВНОЙ СИСТЕМЫ🌿 Нежная музыка успокаивает нервную систему 22

КЛАССИЧЕСКАЯ МУЗЫКА ДЛЯ ВОССТАНОВЛЕНИЯ НЕРВНОЙ СИСТЕМЫ🌿 Нежная музыка успокаивает нервную систему 22

Zod + Generics is HEAVEN

Zod + Generics is HEAVEN

Codex Desktop + GPT5.4: БЕСПЛАТНО пишем обработку 1С | FREE AI Coding

Codex Desktop + GPT5.4: БЕСПЛАТНО пишем обработку 1С | FREE AI Coding

Владимир Боглаев.

Владимир Боглаев. "У ИРАНСКОЙ ВОЙНЫ БУДУТ ПОСЛЕДСТВИЯ ДЛЯ РОССИИ И УКРАИНЫ".

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

Cursor AI: Полный гайд по вайбкодингу с нуля. Subagents, Hooks, Skills, Rules, Commands, MCP

Cursor AI: Полный гайд по вайбкодингу с нуля. Subagents, Hooks, Skills, Rules, Commands, MCP

This is the Only Right Way to Write React clean-code - SOLID

This is the Only Right Way to Write React clean-code - SOLID

Самая популярная философия в XXI веке?

Самая популярная философия в XXI веке?

Claude Code с КОМАНДОЙ агентов - автономная машина разработки

Claude Code с КОМАНДОЙ агентов - автономная машина разработки

React Hook Form (+ Zod) - Complete Tutorial

React Hook Form (+ Zod) - Complete Tutorial

React Hook Form Course for Beginners (inc. Zod + Material UI)

React Hook Form Course for Beginners (inc. Zod + Material UI)

React Hook Form - Complete Tutorial (with Zod)

React Hook Form - Complete Tutorial (with Zod)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Best of Deep House [2026] | Melodic House & Progressive Flow

Best of Deep House [2026] | Melodic House & Progressive Flow

Formulários avançados no React (Hook Form + Zod)

Formulários avançados no React (Hook Form + Zod)

Multistep Form Custom Hook With React And TypeScript

Multistep Form Custom Hook With React And TypeScript

Mastering React Context: Do you NEED a state manager?

Mastering React Context: Do you NEED a state manager?

Убийца Cursor от Google – ИИ-редактор кода Antigravity с бесплатной моделью Gemini 3.5 Pro

Убийца Cursor от Google – ИИ-редактор кода Antigravity с бесплатной моделью Gemini 3.5 Pro

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]