JFokus 2024: Unleashing the power of Angular: Navigating the latest releases and transformations

Discover the dynamic world of Angular! Join me for an insightful session where we'll explore the latest advancements and features in Angular, and get an exclusive sneak peek into what's coming next in Angular 17.

During this talk, we'll delve into key topics like standalone components, enabling reusability and encapsulation in your projects. Experience the revolutionary Signals feature, transforming local component reactive state management and shaping the future of change detection in Angular.

We'll also discuss the integration of Vite, a lightning-fast dev server that boosts productivity and accelerates your development cycles. Additionally, we'll explore the power of composition, simplifying the creation of intricate UI structures with ease.

And the best part? I'll demonstrate these features through live demos!

Level up your Angular skills and stay ahead in the ever-evolving world of modern web development. Don't miss this opportunity to gain insights into the latest Angular features and preview what's on the horizon in Angular 17. Join me and embrace the future of Angular!

Transcript

1. Unleashing the power of Angular Navigating the latest releases and transformations
2. Loïc Magnette Proud dad @LoMagnette Senior Dev lmagnette BeJUG Co-organizer
5. Standalone Components
6. Standalone Components Typed Forms
7. Standalone Components Functional guards Typed Forms
8. Standalone Components Functional guards Directive composition Typed Forms
9. Standalone Components Functional guards Directive composition Typed Forms ngSrc
10. Standalone Components Functional guards Inject() Directive composition Typed Forms ngSrc
11. Standalone Components CanMatch Functional guards Inject() Directive composition Typed Forms ngSrc
13. @Input
14. @Input ✔ Mark as required ✔ Mapped from router ✔ Transform
15. Signal
16. Signal
17. Signal
18. Signal const dino = signal<Dinosaur>(triceratops)
19. Signal dino()
20. Signal dino()
21. Signal dino()
22. Signal Does not replace RxJs
23. Used for ASYNC Async Orchestration Latest response Cancellation Are Sync Derived state Local component reactive state Signal 🚦
24. Signal input
25. NgZone
26. New control flow
27. New control flow ng g @angular/core:control-flow
29. Signal Based components
30. Signal Based components
31. Signal Based components
32. Signal Based components
33. Signal Based components
34. Wrap up
38. http://bit.ly/3Oz3Qzn
39. FEEDBACK