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
14
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
28
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
18
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
12
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
70
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
190
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
97
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
260

Other Decks in Programming

See All in Programming
Android端末で実現するオンデバイスLLM 2025
Avatar for Masayuki Suda masayukisuda
1
130
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
160
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
17
8.8k
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.1k
go test -json そして testing.T.Attr / Kyoto.go #63
Avatar for utagawa kiki utgwkk
3
290
為你自己學 Python - 冷知識篇
Avatar for 高見龍 eddie
1
350
CJK and Unicode From a PHP Committer
Avatar for てきめん tekimen youkidearitai
PRO
0
110
アルテニア コンサル／ＩＴエンジニア向け 採用ピッチ資料
Avatar for ALTENIR altenir
0
100
@Environment(\.keyPath)那么好我不允许你们不知道！ / atEnvironment keyPath is so good and you should know it!
Avatar for Elvis Shi lovee
0
110
GitHubとGitLabと AWS CodePipelineで CI/CDを組み比べてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
4
210
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
Avatar for monochromegane monochromegane
0
120
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
200

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
520

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