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
180
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
5
Drum 'n' JS
meeroslav
0
21
Monorepo demystified: Breaking the myth
meeroslav
0
11
Making the Argument for Monorepos
meeroslav
0
9
Scaling Vendure with Nx
meeroslav
0
100
Don't let compilation set the length of your Glühwein break
meeroslav
0
63
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
180
Don't let compilation set the length of your coffee break
meeroslav
0
81
The other JavaScript performance (no one is talking about)
meeroslav
0
250
Other Decks in Programming
See All in Programming
生成AIで日々のエラー調査を進めたい
yuyaabo
0
620
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
390
複数アプリケーションを育てていくための共通化戦略
irof
10
4k
Passkeys for Java Developers
ynojima
3
880
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
800
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
kuro_kurorrr
0
120
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
450
Claude Codeの使い方
ttnyt8701
1
130
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
300
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
550
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
120
F#で自在につくる静的ブログサイト - 関数型まつり2025
pizzacat83
0
310
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
For a Future-Friendly Web
brad_frost
179
9.8k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
How STYLIGHT went responsive
nonsquared
100
5.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Thoughts on Productivity
jonyablonski
69
4.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Gamification - CAS2011
davidbonilla
81
5.3k
Typedesign – Prime Four
hannesfritz
42
2.7k
Building Applications with DynamoDB
mza
95
6.5k
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