Stop writing boilerplate code in Angular forms!
Do your forms tend to get complex, unmaintainable or even start chain reactions? It's probably because you have complex reactive forms with imperative code. This course teaches you how to create and maintain declarative template-driven forms in Angular:
- Basic Template-driven forms
- Unidirectional forms with signals
- Declarative form logic
- Effects and other reactivity
- Form lists logic
- Handling form state
- Connecting Vest.js with Angular
- Improving DX with shapes
- Handling async data and loading data
This course gets shipped with real-life examples and code that will melt all the boilerplate code away!Get started!
Need a snack?🌮
I open-sourced the solution behind these productivity hacks and I you can play with them on StackBlitz🚀Play with it on StackBlitz
Let me show you what you will learn!🚀
In this video I will live-code a unidirectional form with conditional validations in a few minutes. Lay back, and enjoy the ride!
⭐️ ⭐️ ⭐️ ⭐️ ⭐️
We've been having problems with implementing (reactive) forms for ages. Having a lot of boilerplate code which is hard to maintain and grows exponentially with complexity.
Brecht's template driven approach has taken away most of these pains by providing a streamlined and opinionated implementation that leverages the power of Angular to do most of the heavy lifting.
Defining a form using the template, and managing it's state as part of the component is as straight forward as it gets.
Being able to separate all aspects of the form prevents different parts from intertwining with each other and keeps the code base clean and easy to understand, even in complex cases.
This approach takes away most of the headaches we've all been experiencing for a long time.