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

Angular Ruhr - New Control Flow

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Dominik Pieper Dominik Pieper
February 14, 2024
Programming
110
0

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper

Dominik Pieper

February 14, 2024

More Decks by Dominik Pieper

See All by Dominik Pieper
Angular Ruhr @ Comline GmbH
Avatar for Dominik Pieper dominikpieper
0
55
Durchdachte und robuste Frontend-Architektur mit Nx
Avatar for Dominik Pieper dominikpieper
0
29

Other Decks in Programming

See All in Programming
Discordを用いたラボオートメーション関連情報収集の自動化
Avatar for noguhiro2002 noguhiro2002
0
450
Loosening the Reins: Go Generics Get More Flexible
Avatar for kuro kuro_kurorrr
0
340
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
240
Pythonの実行はどこまで賢くなったのか？ CPythonとPyPyから見る最適化のしくみ
Avatar for curekoshimizu curekoshimizu
3
2.1k
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
Avatar for yasei no otoko yasei_no_otoko
0
120
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
250
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
5
1.8k
Go 1.27 における memory allocation の高速化
Avatar for ANDPAD inc andpad
0
340
異なる設計思想のフレームワークを経験して得た学び
Avatar for amekuhideki amekuhideki
1
710
170k Jobs a Day on GKE: Scaling Mercari's CI Platform - and What's Next for AI-Native Development
Avatar for Junya Okabe junyaokabe
0
120
AIに既存システムを理解させる技術　～レガシーを見捨てないハーネスエンジニアリング入門～
Avatar for Ochtum ochtum
0
160
AIと壁打ちしながら進めるコスト管理
Avatar for Ryoma Fujiwara fufuhu
2
1.8k

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
500
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
940
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
350
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
290
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
14k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
540

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