Upgrade to Pro — share decks privately, control downloads, hide ads and more …

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš Miroslav Jonaš
December 21, 2020
Programming
0
190

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš

Miroslav Jonaš

December 21, 2020
Tweet

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
The dark art of code optimization
Avatar for Miroslav Jonaš meeroslav
0
15
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
31
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
21
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
13
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
120
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
72
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
200
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
100
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
260

Other Decks in Programming

See All in Programming
なぜGoのジェネリクスはこの形なのか？ Featherweight Goが明かす設計の核心
Avatar for Ryotaro ryotaros
7
1.1k
チームの境界をブチ抜いていけ
Avatar for tokai235 tokai235
0
140
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
450
The Flutter Journey of Building a Live Streaming App — With a Side of Performance Tuning
Avatar for Sugiy u503
1
100
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
210
『毎日の移動』を支えるGoバックエンド内製開発
Avatar for yutautsugi yutautsugi
2
220
ソフトウェア設計の実践的な考え方
Avatar for 増田 亨 masuda220
PRO
4
540
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
210
組込みだけじゃない！TinyGo で始める無料クラウド開発入門
Avatar for Kotaro Otaka otakakot
0
150
その面倒な作業、「Dart」にやらせませんか？ Flutter開発者のための業務効率化
Avatar for YomEngine yordgenome03
0
100
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
570
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
120

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
54
3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Done Done
Avatar for chrislema chrislema
185
16k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
61k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k

Transcript

  1. NEW ROUTER ON THE BLOCK Miroslav Jonaš @meeroslav

  2. HELLO! I am Miroslav Jonaš @meeroslav

  3. 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

  4. Brandon Roberts @meeroslav

  5. Short history of angular-routing CREATED June 23rd TWEET July 2nd

    FIRST PR July 13th @meeroslav

  6. @meeroslav

  7. @meeroslav

  8. @meeroslav

  9. OK… SO WHAT’S DIFFERENT? Well, glad you asked @meeroslav

  10. 621kB Entire package 2 Dependencies 18kB UMD/Ivy bundle size *

    SIZE MATTERS! @meeroslav

  11. GUARDS? JUST NGIF-IT @meeroslav

  12. INVALID ROUTE ORDER @meeroslav

  13. Where we’re going THERE IS NO INVALID ROUTE ORDER @meeroslav

  14. RESPONSIVE ROUTING ROUTER R O U T E R @meeroslav

  15. RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES

    RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES RECURSIVE ROUTES @meeroslav

  16. IS IT A REPLACEMENT? No, an upgrade! @meeroslav

  17. NOW? Depends... @meeroslav

  18. IF YOU NEED... › Redirections › Nesting › Lazy loading

    › Guards › Stream of Params › Auxiliary routes @meeroslav

  19. BUT IF YOU NEED... › Complex guards › All params

    stream › Resolves › Some other config/event magic @meeroslav

  20. @meeroslav “Step-by-step” approach

  21. “Ask not what Angular can do for you - ask

    what you can do for Angular” @meeroslav John F. Kennedy

  22. 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