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

New router on the block - Angular Vienna Dec '20

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Miroslav Jonaš Miroslav Jonaš
December 21, 2020
Programming
250
0

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš

Miroslav Jonaš

December 21, 2020

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
The dark art of code optimization
Avatar for Miroslav Jonaš meeroslav
0
54
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
75
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
61
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
50
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
180
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
100
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
250
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
140
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
300

Other Decks in Programming

See All in Programming
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
720
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
170
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.2k
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
260
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
6.1k
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
580
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.7k
ADKを使って簡単にAIエージェントを作ってみよう
Avatar for K1mu21 k1mu21
0
260
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
250
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
170
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.1k
Oxlintのカスタムルールの現況
Avatar for syumai syumai
6
1.1k

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
65
55k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
190
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k

Transcript

  1. NEW ROUTER ON THE BLOCK Miroslav Jonaš @meeroslav

  2. HELLO! I am Miroslav Jonaš @meeroslav

  3. History of angular routing angularjs ui-router @angular/router @ngrx/router react-router angular-routing

    2010 2013 2014 2016 2017 2020 angular-route ng v2 v4 v11 @meeroslav

  4. Brandon Roberts @meeroslav

  5. Short history of angular-routing CREATED June 23rd TWEET July 2nd

    FIRST PR July 13th @meeroslav

  6. @meeroslav

  7. @meeroslav

  8. @meeroslav

  9. OK… SO WHAT’S DIFFERENT? Well, glad you asked @meeroslav

  10. 621kB Entire package 2 Dependencies 18kB UMD/Ivy bundle size *

    SIZE MATTERS! @meeroslav

  11. GUARDS? JUST NGIF-IT @meeroslav

  12. INVALID ROUTE ORDER @meeroslav

  13. Where we’re going THERE IS NO INVALID ROUTE ORDER @meeroslav

  14. RESPONSIVE ROUTING ROUTER R O U T E R @meeroslav

  15. RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES

    RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES @meeroslav

  16. IS IT A REPLACEMENT? No, an upgrade! @meeroslav

  17. NOW? Depends... @meeroslav

  18. IF YOU NEED... › Redirections › Nesting › Lazy loading

    › Guards › Stream of Params › Auxiliary routes @meeroslav

  19. BUT IF YOU NEED... › Complex guards › All params

    stream › Resolves › Some other config/event magic @meeroslav

  20. @meeroslav “Step-by-step” approach

  21. “Ask not what Angular can do for you - ask

    what you can do for Angular” @meeroslav John F. Kennedy

  22. THANKS! Any questions? @meeroslav https://github.com/brandonroberts/angular-routing https://recursive-ng-router.netlify.app/ https://responsive-ng-router.netlify.app/ › Presentation template

    by SlidesCarnival