Angular Component Router (serbian)

Možda ste čuli glasine o novom ruteru za Angular, možda i videli Brendonovu prezentaciju sa prošlogodišnje ngConf.

Bili smo vrlo zauzeti tokom locakdown-a i želim da Vam predstavim zašto je ovaj router baš ono što čekate i šta nedostaje Vašem projektu. Pridružite mi se na prezentaciji i saznajte koje to benefite donosi novi ruter.

Transcript

1. @angular-component
   Router
   Miroslav Jonaš
   @meeroslav
   

   View Slide

2. Nije lako biti
   Angular dev
   

   View Slide

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

   View Slide

4. Zdravo!
   Miroslav Jonaš
   @meeroslav
   

   View Slide

5. 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
   

   View Slide

6. Brendon Roberts
   @meeroslav
   

   View Slide

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

   View Slide

8. 8
   @meeroslav
   

   View Slide

9. @meeroslav
   

   View Slide

10. 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @meeroslav
    

    View Slide

11. 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @meeroslav
    

    View Slide

12. @meeroslav
    

    View Slide

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

    View Slide

14. GUARDS?
    NE, NGIF!
    
    
    
    
    
    @meeroslav
    

    View Slide

15. POGREŠAN
    POREDAK
    PUTANJA
    @meeroslav
    

    View Slide

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

    View Slide

17. RESPONSIVE ROUTING
    ROUTER R
    O
    U
    T
    E
    R
    @meeroslav
    

    View Slide

18. REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    REKURZIVNE RUTE
    @meeroslav
    

    View Slide

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

    View Slide

20. SADA?
    Zavisi...
    @meeroslav
    

    View Slide

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

    View Slide

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

    View Slide

23. @meeroslav
    “Korak po korak” pristup
    

    View Slide

24. 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
    

    View Slide