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
7
Drum 'n' JS
meeroslav
0
22
Monorepo demystified: Breaking the myth
meeroslav
0
12
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
63
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
190
Don't let compilation set the length of your coffee break
meeroslav
0
85
The other JavaScript performance (no one is talking about)
meeroslav
0
250
Other Decks in Programming
See All in Programming
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
0
520
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
260
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
170
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
1.1k
技術同人誌をMCP Serverにしてみた
74th
1
520
ふつうの技術スタックでアート作品を作ってみる
akira888
0
300
GraphRAGの仕組みまるわかり
tosuri13
8
520
Deep Dive into ~/.claude/projects
hiragram
10
2.2k
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
140
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
160
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
0
470
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
GraphQLとの向き合い方2022年版
quramy
49
14k
What's in a price? How to price your products and services
michaelherold
246
12k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
How STYLIGHT went responsive
nonsquared
100
5.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
720
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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