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

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

Мне не хватало встроенного API Angular, который полностью упростил бы настройку валидации Zod, и это видео решает эту проблему. 👕 Создано для разработчиков Angular. Поддержите канал, приобретите товары Shieldworks “United by Craft” → https://shop.briantree.se В этом последующем уроке мы переработаем реальный пример 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 на практике: обнаружение изменений без использования Zone": https://app.pluralsight.com/library/c... Получите БЕСПЛАТНУЮ ПРОБНУЮ ВЕРСИЮ Pluralsight ЗДЕСЬ!: https://www.jdoqocy.com/click-1015573... ------------------------------------------------------------------------------ 📖 Разделы: 0:00 – Введение 0:48 – Как работает валидация Zod в формах сигналов Angular (до рефакторинга) 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