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
14
Drum 'n' JS
meeroslav
0
28
Monorepo demystified: Breaking the myth
meeroslav
0
18
Making the Argument for Monorepos
meeroslav
0
12
Scaling Vendure with Nx
meeroslav
0
120
Don't let compilation set the length of your Glühwein break
meeroslav
0
70
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
190
Don't let compilation set the length of your coffee break
meeroslav
0
97
The other JavaScript performance (no one is talking about)
meeroslav
0
260
Other Decks in Programming
See All in Programming
AIでLINEスタンプを作ってみた
eycjur
1
230
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
390
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
440
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
480
時間軸から考えるTerraformを使う理由と留意点
fufuhu
15
4.6k
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
720
Laravel Boost 超入門
fire_arlo
2
210
ソフトウェアテスト徹底指南書の紹介
goyoki
1
150
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
8
3.4k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
830
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
AWS発のAIエディタKiroを使ってみた
iriikeita
1
180
Featured
See All Featured
Visualization
eitanlees
148
16k
We Have a Design System, Now What?
morganepeng
53
7.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Typedesign – Prime Four
hannesfritz
42
2.8k
Embracing the Ebb and Flow
colly
87
4.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Designing for humans not robots
tammielis
253
25k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
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