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

Angular Component Router (serbian)

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.

Miroslav Jonaš

April 21, 2021
Tweet

More Decks by Miroslav Jonaš

Other Decks in Programming

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