Что бы я сделал по-другому: валидация Zod в Angular Signal Forms скачать в хорошем качестве

Что бы я сделал по-другому: валидация Zod в Angular Signal Forms

Мне не хватало встроенного API Angular, который значительно упростил бы настройку валидации Zod, и это видео решает эту проблему. 🚀 Хотите освоить Angular Signal Forms? Я только что выпустил полный курс, где мы шаг за шагом создадим реальную форму Signal Form, охватывающий валидацию, асинхронную валидацию, динамические поля, пользовательские элементы управления и шаблоны отправки. 👉 Записаться можно здесь: https://www.udemy.com/course/angular-... В этом последующем уроке мы переработаем реальный пример Angular Signal Forms, чтобы упростить валидацию схемы Zod с помощью встроенного API validateStandardSchema. В предыдущем видео (   • Zod + Angular signal forms… this actually ...  ) мы вручную связали валидацию с validateTree, вручную сопоставили ошибки Zod и самостоятельно обработали состояния успеха. Хотя такой подход работает, Angular уже предлагает более чистое и масштабируемое решение, разработанное специально для валидаторов схем, таких как Zod. В этом видео вы увидите, как заменить пользовательскую логику валидации на validateStandardSchema, удалить ненужный код и сохранить тот же пользовательский опыт. Если вы используете Angular Signals, Signal Forms или Zod для валидации форм, это видео демонстрирует лучший подход для дальнейшего использования. ------------------------------------------------------------------------------- 🔔 Подпишитесь на канал, чтобы получать больше уроков и советов по Angular → [🔗 https://www.youtube.com/c/briantreese...] 👍 Поставьте лайк этому видео, если оно оказалось полезным, это действительно помогает поддержать канал! ------------------------------------------------------------------------------ 🔗 Ссылки на демо-версии: До (https://stackblitz.com/edit/stackblit...) После (https://stackblitz.com/edit/stackblit...) ------------------------------------------------------------------------------ 📚 Дополнительные ресурсы: Предыдущий урок: Валидация Zod с помощью Angular Signal Forms:    • Zod + Angular signal forms… this actually ...   Документация Angular Signal Forms: https://angular.dev/essentials/signal... Справочник по API validateStandardSchema: https://angular.dev/api/forms/signals... Документация Zod: https://zod.dev/ Мой курс «Angular: стилизация приложений»: https://www.pluralsight.com/courses/a... Мой курс «Angular на практике: обнаружение изменений без зоны»: https://app.pluralsight.com/library/c... ------------------------------------------------------------------------------ 🎓 Сертификация Angular (новая) Если вы хотите подтвердить свои навыки работы с Angular, теперь есть официальная сертификация, разработанная и проверенная экспертами Google Developer Experts. Она охватывает современные концепции Angular и является одним из первых структурированных способов продемонстрировать реальные знания Angular. 👉 https://certificates.dev/angular?frie... (Сейчас действует скидка до 50%) ------------------------------------------------------------------------------ 📖 Разделы: 0:00 – Введение 0:48 – Как работает проверка Zod в Angular Signal Forms (до рефакторинга) 1:40 – Определение схемы проверки Zod для Angular Signal Forms 2:52 – Ручная проверка Zod с использованием validateTree (Почему это излишне) 4:06 – validateStandardSchema: Встроенная проверка схемы для Angular Signal Forms 4:36 – Замена validateTree на validateStandardSchema 5:30 – Удаление пользовательского кода проверки Zod (Упрощение схемы) 6:00 – Конечный результат: Чистая проверка Zod с использованием Signal Forms 6:30 – Лучшие практики валидации Zod в Angular Signal Forms ------------------------------------------------------------------------------ 🧰 Об используемых инструментах Это видео посвящено Angular Signal Forms и валидации форм на основе схемы с использованием Zod. Мы рассматриваем API Angular validateStandardSchema, который напрямую интегрируется со стандартными валидаторами схем, такими как Zod, для автоматической обработки валидации, сопоставления ошибок и обновления состояния. В руководстве также затрагиваются Angular Signals, API form() и почему validateTree следует использовать только для сложных или пользовательских сценариев валидации. ------------------------------------------------------------------------------ #angular #angularsignals #signalforms #zod #formvalidation #angularforms #typescript #webdevelopment #frontenddevelopment #validatestandardschema