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
100
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
39
Don't let compilation set the length of your Glühwein break
meeroslav
0
27
Vanquishing deployment dragons with Nx wizardry
meeroslav
0
72
Don't let compilation set the length of your coffee break
meeroslav
0
32
The other JavaScript performance (no one is talking about)
meeroslav
0
140
Age of monorepos (NgDe)
meeroslav
0
77
Age of monorepos (Armada JS 2022)
meeroslav
0
140
The Age of monorepos (JSNation)
meeroslav
0
150
Nx - The Obvious Choice
meeroslav
0
150
Other Decks in Programming
See All in Programming
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
Java 22 Overview
kishida
1
180
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
Code Reviews
bkuhlmann
4
890
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
910
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
150
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
Scalable Customer Journey Orchestration (CJO)
lewuathe
0
210
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
260
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Design by the Numbers
sachag
274
18k
Music & Morning Musume
bryan
41
5.6k
Why Our Code Smells
bkeepers
PRO
331
56k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Documentation Writing (for coders)
carmenintech
60
3.9k
What's new in Ruby 2.0
geeforr
337
31k
Embracing the Ebb and Flow
colly
80
4.1k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Designing for Performance
lara
601
67k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
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