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

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper Dominik Pieper
February 14, 2024
Programming
0
100

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper

Dominik Pieper

February 14, 2024
Tweet

More Decks by Dominik Pieper

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

Other Decks in Programming

See All in Programming
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.3k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
450
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170

Featured

See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
50k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k

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