Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
New router on the block - Angular Vienna Dec '20
Search
Miroslav Jonaš
December 21, 2020
Programming
0
190
New router on the block - Angular Vienna Dec '20
Miroslav Jonaš
December 21, 2020
Tweet
Share
More Decks by Miroslav Jonaš
See All by Miroslav Jonaš
The dark art of code optimization
meeroslav
0
9
Drum 'n' JS
meeroslav
0
24
Monorepo demystified: Breaking the myth
meeroslav
0
14
Making the Argument for Monorepos
meeroslav
0
10
Scaling Vendure with Nx
meeroslav
0
110
Don't let compilation set the length of your Glühwein break
meeroslav
0
65
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
190
Don't let compilation set the length of your coffee break
meeroslav
0
91
The other JavaScript performance (no one is talking about)
meeroslav
0
260
Other Decks in Programming
See All in Programming
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
970
MCPで実現できる、Webサービス利用体験について
syumai
7
1.9k
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
590
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
260
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
480
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
27
8k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
190
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
iOS開発スターターキットの作り方
akidon0000
0
180
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
250
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Designing for humans not robots
tammielis
253
25k
Code Reviewing Like a Champion
maltzj
524
40k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
BBQ
matthewcrist
89
9.7k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Transcript
NEW ROUTER ON THE BLOCK Miroslav Jonaš @meeroslav
HELLO! I am Miroslav Jonaš @meeroslav
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
Brandon Roberts @meeroslav
Short history of angular-routing CREATED June 23rd TWEET July 2nd
FIRST PR July 13th @meeroslav
@meeroslav
@meeroslav
@meeroslav
OK… SO WHAT’S DIFFERENT? Well, glad you asked @meeroslav
621kB Entire package 2 Dependencies 18kB UMD/Ivy bundle size *
SIZE MATTERS! @meeroslav
GUARDS? JUST NGIF-IT @meeroslav
INVALID ROUTE ORDER @meeroslav
Where we’re going THERE IS NO INVALID ROUTE ORDER @meeroslav
RESPONSIVE ROUTING ROUTER R O U T E R @meeroslav
RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES
RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES @meeroslav
IS IT A REPLACEMENT? No, an upgrade! @meeroslav
NOW? Depends... @meeroslav
IF YOU NEED... › Redirections › Nesting › Lazy loading
› Guards › Stream of Params › Auxiliary routes @meeroslav
BUT IF YOU NEED... › Complex guards › All params
stream › Resolves › Some other config/event magic @meeroslav
@meeroslav “Step-by-step” approach
“Ask not what Angular can do for you - ask
what you can do for Angular” @meeroslav John F. Kennedy
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