$30 off During Our Annual Pro Sale. View Details »

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš Miroslav Jonaš
December 21, 2020
Programming
0
210

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš

Miroslav Jonaš

December 21, 2020
Tweet

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
The dark art of code optimization
Avatar for Miroslav Jonaš meeroslav
0
25
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
41
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
27
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
23
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
140
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
78
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
210
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
110
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
270

Other Decks in Programming

See All in Programming
SwiftUIで本格音ゲー実装してみた
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
110
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
Avatar for とすり tosuri13
6
300
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
700
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
200
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
3k
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
Avatar for Ryomm ktcryomm
11
11k
配送計画の均等化機能を提供する取り組みについて(⽩⾦鉱業 Meetup Vol.21@六本⽊（数理最適化編))
Avatar for 伊豆原基人 izu_nori
0
150
AIコーディングエージェント（Manus）
Avatar for kondai kondai24
0
160
これだけで丸わかり！LangChain v1.0 アップデートまとめ
Avatar for os1ma os1ma
6
1.8k
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
5.5k
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
8
2.3k
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
6
2.1k

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Done Done
Avatar for chrislema chrislema
186
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Side Projects
Avatar for Sacha Greif sachag
455
43k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k

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