Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
New router on the block - Angular Vienna Dec '20
Miroslav Jonaš
December 21, 2020
Programming
0
48
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 other JavaScript performance (no one is talking about)
meeroslav
0
60
Age of monorepos (Armada JS 2022)
meeroslav
0
55
The Age of monorepos (JSNation)
meeroslav
0
75
Nx - The Obvious Choice
meeroslav
0
81
The Age of monorepos
meeroslav
0
92
Nx - The Easy Choice / AngularVienna
meeroslav
0
68
Nx - The Easy Choice
meeroslav
0
160
Angular Component Router (serbian)
meeroslav
0
130
Hello generics, goodbye boilerplate (WAD live)
meeroslav
0
27
Other Decks in Programming
See All in Programming
domain層のモジュール化 / MoT TechTalk #15
mot_techtalk
0
100
レガシーフレームワークからの移行
ug
0
100
TokyoR#103_DataProcessing
kilometer
0
510
CDKでValidationする本当の方法 / cdk-validation
gotok365
1
170
Use KMM to call the API of the National Tax Agency
akkeylab
0
290
Excelの助けを借りて楽にシナリオを作ろう
rpa_niiyama
0
210
花き業界のサプライチェーンを繋げるプロダクト開発の進め方
userlike1
0
120
kakutanitalk2022_opening_act
shirotamaki
0
110
ポケモンで学ぶiOS 16弾丸ツアー 🚅
giginet
PRO
1
610
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
200
PHPDocにおける配列の型定義を少し知る
shimabox
1
120
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
210
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
39
7.8k
Web development in the modern age
philhawksworth
197
9.6k
Three Pipe Problems
jasonvnalue
89
8.9k
Design by the Numbers
sachag
271
18k
A Philosophy of Restraint
colly
193
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
What's in a price? How to price your products and services
michaelherold
233
9.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
63k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
The Mythical Team-Month
searls
210
40k
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