Slides from my Angular Reactive Forms talk at JSHeroes conference. Most of the talk based on live coding demo, but the slides shows some general feeling and info.

2. <form onsubmit="send()">
<input type="text" required>
</form>

3. REACTIVE
FORMS
Nir Kaufman
Unleash the power of Angular’s

4. Nir Kaufman
Google Developer Expert
Head of Angular at 500Tech
Worldwide speaker
Community leader
@nirkaufman

5. ANGULAR FORMS

8. FORMS ARE
COMPLICATED

9. Abstract
Control

10. FormControl
Abstract
Control

11. FormControlFormGroup FormArray
Abstract
Control

12. GET
STARTED

13. @NgModule({
declarations: [AppComponent],
imports : [
BrowserModule,
ReactiveFormsModule
],
bootstrap : [AppComponent]
})

14. MODEL DRIVEN
LIVE CODING

15. export interface JsHero {
name: string;
age: number;
canCode: boolean;
skills: number;
}

16. this.heroForm = fb.group({
name: null,
age: null,
canCode: false,
skills: 0,
})

17. FORM
ELEMENTS

18. FormControl
Instance
FormControl
Directive
Form Element
(DOM)
LIVE CODING

19. ADDING
VALIDATIONS

20. JUST A FUNCTION

21. control => null | { }
LIVE CODING

22. TRACKING
STATE

23. abstract class AbstractControl {
readonly value: any;
readonly status: string;
readonly valid: boolean;
readonly invalid: boolean;
readonly pending: boolean;
………
} LIVE CODING

24. ADDING STYLE
LIVE CODING

25. FINAL WORDS

26. ANGULAR FORMS

27. YOU ANGULAR

28. ANGULAR YOU

29. YOU FORMS

30. NEXT STEPS

31. THE
CODE.github.com/angular-reactive-forms-book

32. THE
BOOK.
leanpub.com/angular-forms/c/cluj

33. ME.
@nirkaufmannirkaufman@gmail.com