Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular Ruhr - New Control Flow

Dominik Pieper
February 14, 2024
Programming
0
83

Angular Ruhr - New Control Flow

Dominik Pieper

February 14, 2024
Tweet

More Decks by Dominik Pieper

See All by Dominik Pieper
Angular Ruhr @ Comline GmbH
dominikpieper
0
42
Durchdachte und robuste Frontend-Architektur mit Nx
dominikpieper
0
19

Other Decks in Programming

See All in Programming
はじめてのIssueOps - GitHub Actionsで実現するコメント駆動オペレーション
tmknom
7
2.1k
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
290
Go1.24で testing.B.Loopが爆誕
kuro_kurorrr
0
130
小さく段階的リリースすることで深夜メンテを回避する
mkmk884
2
100
신입 안드로이드 개발자의 AI 스타트업 생존기 (+ Native C++ Code를 Android에서 사용해보기)
dygames
0
470
CTFのWebにおける⾼難易度問題について
hamayanhamayan
1
870
RCPと宣言型ポリシーについてのお話し
kokitamura
2
130
DenoでOpenTelemetryに入門する
yotahada3
2
270
PHPUnit 高速化テクニック / PHPUnit Speedup Techniques
pinkumohikan
1
660
AI時代のプログラミング教育 / programming education in ai era
kishida
22
19k
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
110
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
2
1.3k

Featured

See All Featured
Building Adaptive Systems
keathley
40
2.4k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
4 Signs Your Business is Dying
shpigford
183
22k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Practical Orchestrator
shlominoach
186
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Designing Experiences People Love
moore
140
23k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Being A Developer After 40
akosma
89
590k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.4k
Into the Great Unknown - MozCon
thekraken
35
1.7k
Gamification - CAS2011
davidbonilla
80
5.2k

Transcript

  1. Ein Blick in die Zukunft Angular's neue Kontrollstrukturen

  2. Dominik Pieper About me • Frontend Architekt • Nx Champion

    • Consultant • Coach • Mentor Contact • Twitter: @dominik_pieper • eMail: [email protected]

  3. Neue Kontrollstrukturen • Neu ab Angular 17 • Alte Direktiven

    nicht so ganz intuitiv • Erweiterung des Angular Templates • npx -p @angular/[email protected] ng new ng17project

  4. *ngIf -> @if

  5. *ngIf -> @if

  6. *ngFor -> @for Required

  7. *ngFor -> @for

  8. *ngFor -> @for Nicht bei Request

  9. *ngFor -> @for • $index : number • $even :

    boolean • $odd : boolean • $count : number • $first : boolean • $last : boolean

  10. *ngSwitch -> @switch

  11. @defer • idle • interaction • immediate • timer(x) •

    hover • viewport

  12. @defer

  13. Performance

  14. VSCode Unterstützung und Migration • Download von Github • code

    --install-extension ~/Downloads/ng-template.vsix • ng g @angular/core:control-flow-migration

  15. Vielen Dank für die Aufmerksamkeit