NEW ROUTERON THE BLOCKMiroslav Jonaš@meeroslav
View Slide
HELLO!I am Miroslav Jonaš@meeroslav
History of angular routingangularjsui-router@angular/router@ngrx/routerreact-routerangular-routing2010 2013 2014 2016 2017 2020angular-routeng v2 v4 v11@meeroslav
Brandon Roberts@meeroslav
Short history of angular-routingCREATEDJune 23rdTWEETJuly 2ndFIRST PRJuly 13th@meeroslav
@meeroslav
OK… SO WHAT’SDIFFERENT?Well, glad you asked@meeroslav
621kBEntire package2Dependencies18kBUMD/Ivy bundle size*SIZEMATTERS!@meeroslav
GUARDS?JUST NGIF-IT@meeroslav
INVALIDROUTEORDER@meeroslav
Where we’re goingTHERE IS NOINVALID ROUTE ORDER@meeroslav
RESPONSIVE ROUTINGROUTER ROUTER@meeroslav
RECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTESRECURSIVE ROUTES@meeroslav
IS IT AREPLACEMENT?No, an upgrade!@meeroslav
NOW?Depends...@meeroslav
IF YOU NEED...› Redirections› Nesting› Lazy loading› Guards› Stream of Params› Auxiliary routes@meeroslav
BUT IF YOU NEED...› Complex guards› All params stream› Resolves› Some other config/event magic@meeroslav
@meeroslav“Step-by-step” approach
“Ask not what Angular can do foryou - ask what you can do forAngular”@meeroslavJohn F. Kennedy
THANKS!Any questions?@meeroslavhttps://github.com/brandonroberts/angular-routinghttps://recursive-ng-router.netlify.app/https://responsive-ng-router.netlify.app/› Presentation template by SlidesCarnival