Tweet
Tweet

Slide 1

Slide 1 text

@angular-component Router Miroslav Jonaš @meeroslav

Slide 2

Slide 2 text

Nije lako biti Angular dev

Slide 3

Slide 3 text

“Ne pitajte šta Angular može učiniti za vas, već šta vi možete učiniti za Angular” @meeroslav Džon F. Kenedi

Slide 4

Slide 4 text

Zdravo! Miroslav Jonaš @meeroslav

Slide 5

Slide 5 text

Istorija angular rutera angular ui-router @angular/router @ngrx/router react-router @angular-component/router 2010 2013 2014 2016 2017 2020 angular-route ng v2 v4 v11 @meeroslav

Slide 6

Slide 6 text

Brendon Roberts @meeroslav

Slide 7

Slide 7 text

Kratka istorija angular-component/router-a PRVI COMMIT 23. jun PRVI TWEET 2. jul PRVI PR 13. jul @meeroslav

Slide 8

Slide 8 text

8 @meeroslav

Slide 9

Slide 9 text

@meeroslav

Slide 10

Slide 10 text

@meeroslav

Slide 11

Slide 11 text

@meeroslav

Slide 12

Slide 12 text

@meeroslav

Slide 13

Slide 13 text

671kB Cela biblioteka 0 Zavisnih biblioteka 6kB Min + gzip bundle * VELIČINA JE BITNA! @meeroslav < 3.17 MB < 23 kB

Slide 14

Slide 14 text

GUARDS? NE, NGIF! @meeroslav

Slide 15

Slide 15 text

POGREŠAN POREDAK PUTANJA @meeroslav

Slide 16

Slide 16 text

Tamo gde idemo NE POSTOJI POGREŠAN POREDAK PUTANJA @meeroslav

Slide 17

Slide 17 text

RESPONSIVE ROUTING ROUTER R O U T E R @meeroslav

Slide 18

Slide 18 text

REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE REKURZIVNE RUTE @meeroslav

Slide 19

Slide 19 text

ČEK… JEL TO ZAMENA? Ne, nadogradnja! @meeroslav

Slide 20

Slide 20 text

SADA? Zavisi... @meeroslav

Slide 21

Slide 21 text

AKO VAM TREBAJU... › Redirekcije › Ugnježdene rute › Lenje učitavanje › Ograničavanje pristupa › Parametri putanje kao Observable › Sporedni ruteri @meeroslav

Slide 22

Slide 22 text

IPAK... AKO VAM TREBA: › Kompleksna guards arhitektura › Svi parametri dostupni svuda › Neka druga config/event magija @meeroslav

Slide 23

Slide 23 text

@meeroslav “Korak po korak” pristup

Slide 24

Slide 24 text

HVALA! Pitanja? @meeroslav https://github.com/angular-component/router https://recursive-ng-router.netlify.app/ https://responsive-ng-router.netlify.app/ https://www.buymeacoffee.com/meeroslav › Presentation template by SlidesCarnival