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

New router on the block - Angular Vienna Dec '20

New router on the block - Angular Vienna Dec '20

B5a5aa65ece7b78c2b73afca48c48885?s=128

Miroslav Jonaš

December 21, 2020
Tweet

More Decks by Miroslav Jonaš

Other Decks in Programming

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