Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

New router on the block - Angular Vienna Dec '20

Avatar for Miroslav Jonaš Miroslav Jonaš
December 21, 2020
Programming
270
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
71
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
88
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
79
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
66
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
200
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
110
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
280
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
160
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
320

Other Decks in Programming

See All in Programming
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
350
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
930
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
Avatar for curekoshimizu curekoshimizu
1
2.2k
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
7.9k
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
520
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
150
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
520
プロダクトコードからライブラリの境界を見つける
Avatar for elmetal elmetal
PRO
0
110
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
350
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
170

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
260
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
580
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
470
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
15k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k

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