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

New router on the block - Angular Vienna Dec '20

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Miroslav Jonaš Miroslav Jonaš
December 21, 2020
Programming
240
0

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš

Miroslav Jonaš

December 21, 2020

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
The dark art of code optimization
Avatar for Miroslav Jonaš meeroslav
0
48
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
68
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
47
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
45
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
170
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
97
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
240
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
140
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
290

Other Decks in Programming

See All in Programming
リセットCSSを1行消したらアクセシビリティが向上した話
Avatar for pvcresin pvcresin
4
440
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
950
検索設計から
推論設計への重心移動と
Recall-First Retrieval
Avatar for po3rin po3rin
5
1.5k
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
120
Terraform言語の静的解析 / static analysis of Terraform language
Avatar for Kazuma Watanabe wata727
1
130
HTML-Aware ERB: The Path to Reactive Rendering @ RubyKaigi 2026, Hakodate, Japan
Avatar for Marco Roth marcoroth
0
600
実用！Hono RPC2026
Avatar for yodaka yodaka
2
290
Don't Prompt Harder, Structure Better
Avatar for Yusuke Kita kitasuke
0
800
なぜあなたのコードには「コシ」がないのか？〜AI時代に問う、最後まで美味しい設計と戦略〜 #phpconkagawa / phpconkagawa2026
Avatar for shogogg shogogg
0
110
書き換えて学ぶTemporal #fukts
Avatar for Hiroyuki ANAI pirosikick
2
330
AIを導入する前にやるべきこと
Avatar for Negima negima
2
320
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5.3k

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
380
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
180
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.7k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
530
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
350

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