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
130
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š
Scaling Vendure with Nx
meeroslav
0
47
Don't let compilation set the length of your Glühwein break
meeroslav
0
45
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
120
Don't let compilation set the length of your coffee break
meeroslav
0
45
The other JavaScript performance (no one is talking about)
meeroslav
0
180
Age of monorepos (NgDe)
meeroslav
0
120
Age of monorepos (Armada JS 2022)
meeroslav
0
170
The Age of monorepos (JSNation)
meeroslav
1
200
Nx - The Obvious Choice
meeroslav
0
180
Other Decks in Programming
See All in Programming
オートマトン学習しろ / Do automata learning
makenowjust
3
130
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
810
watsonx.ai Dojo #2 生成AIを使ったアプリ開発入門編
oniak3ibm
PRO
0
110
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
180
Why Prism?
kddnewton
4
1.7k
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
210
GraphQL あるいは React における自律的なデータ取得について
quramy
11
2.9k
GenU導入でCDKに初挑戦し、悪戦苦闘した話
hideg
0
160
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
3
620
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
140
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
640
Shinjuku.rb#95:心の技術書紹介
free_world21
1
110
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Embracing the Ebb and Flow
colly
83
4.4k
Music & Morning Musume
bryan
46
6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Automating Front-end Workflow
addyosmani
1365
200k
KATA
mclloyd
27
13k
The Cult of Friendly URLs
andyhume
76
6k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
What the flash - Photography Introduction
edds
67
11k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
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