A short trip into Reactive Forms Validation | Armela Gjoka | Lightning Talks 2021 #ngconf

Channel:
Subscribers:
66,100
Published on ● Video Link: https://www.youtube.com/watch?v=4iRd47hKo7Y



Duration: 6:17
1,540 views
44


Most applications require some user input and since we can not guarantee that the user enters valid input, we have to set in place some rules before sending data to the backend.

She has been working for some time with forms, both template-driven and reactive, and one of the challenges is to decide whether validation should be handled in the frontend or the backend. She believes that a mix of both is the right combination.

Frontend should handle these types of validations:
Required or optional.
Format: minLength, maxLength, pattern match.
Other validations that are easily understandable to any UI user, such as: password and confirm password should have the same value.
On the other hand, any validation that is specific to the business logic should be handled in the backend.
She discussed Reactive Forms since they are more scalable and a large form will probably have many rules. There are three main categories of validators that we can apply to a form control.
Built-in Validators
Custom Validators
Async Validators
She applied these validators in a form control and showed how they are implemented and their behaviour.

Learn the best ways to build reliable web applications, write quality code, choose scalable architectures, and create effective automated tests at the Reliable Web Summit this August 26-27, 2021. Powered by the team at ng-conf.

Get your ticket 👉 https://reliablewebsummit.com/

ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. 1000's of developers from across the globe join together to attend talks and workshops by the Angular team and other community experts.

Follow us on twitter https://twitter.com/ngconf​
Official Website: https://www.ng-conf.org/




Other Videos By ng-conf


2021-08-06Quickly creating a complete search with RxJS | Vicentiu bacioiu | Lightning Talks 2021 #ngconf
2021-08-06Complex Array-Based Reactive Forms Made Easier w/ This Trick | Yaakov Chaikin | Lightning Talks 2021
2021-07-15Filling the Gap in State with NgRx ComponentStore | Alex Okrushko | EnterpriseNG 2020 #ngconf
2021-07-14Building a Micro Frontend Architecture in 5 Minutes | Jason Neal | Lightning Talks 2021 #ngconf
2021-07-12Codeless Component | Michael Callaghan | Lightning Talks 2021 #ngconf
2021-07-12Configuring Angular Libraries with Monorepos | Nishu Goel | EnterpriseNG 2020 #ngconf
2021-07-09What's new in Angular 11 | Mark Thompson | EnterpriseNG 2020 #ngconf
2021-07-06TypeScript for Every Part of Your Stack | Ryan Chenkie | EnterpriseNG 2020 #ngconf
2021-07-01Angular Evergreen VS Code Extension | Doguhan uluca | Lightning Talks 2021 #ngconf
2021-06-28Testing NgRX | Cecelia Martinez | EnterpriseNG 2020 #ngconf
2021-06-24A short trip into Reactive Forms Validation | Armela Gjoka | Lightning Talks 2021 #ngconf
2021-06-21Sustainable Angular Architecture | Manfred Steyer | EnterpriseNG 2020 #ngconf
2021-06-17The secret weapon of becoming an Angular superstar on your team! | Kate Sky | Lightning Talks 2021
2021-06-14Speed up! Incremental Compilation with Nx | Juri Strumpflohner | EnterpriseNG 2020 #ngconf
2021-06-10How NOT to rewrite your legacy projects | Robert & Dominika | Lightning Talks 2021 #ngconf
2021-06-07RxJS Patterns in Angular | Deborah Kurata | EnterpriseNG 2020 #ngconf
2021-06-04Be elated! Keep content updated! | David Shevitz | Lightning Talks 2021 #ngconf
2021-05-31Nx for Angular CLI Users | Jeff Cross & Katerina Skroumpelou | EnterpriseNG 2020 #ngconf
2021-05-27Run an Angular app locally with Docker and Nginx | Drew Shirts | Lightning Talks 2021 #ngconf
2021-05-24MFE Toolbox: Tips for building your micro frontend | Derrick Mitra | EnterpriseNG 2020 #ngconf
2021-05-20Lazy Loading Recipes | Pankaj Parkar | Lightning Talks 2021 #ngconf



Tags:
angular
angularjs
javascript
ngconf
ng-conf
programming
angular conference
ng conference
angular javascript
angular tutorial
Javascript Tutorial
Programming Tutorial
Computer Programming
Google Angular
Google Programming