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

Npm, Yarn et si la vérité était ailleurs

Npm, Yarn et si la vérité était ailleurs

En matière de gestionnaire de package Javascript, tout le monde connait NPM ou YARN (au moins de nom :)). Désormais, PNPM, un nouveau challenger vient bousculer leur petit confort. PNPM apporte tellement de bonnes surprises qu'il les pousse à se réveiller et s'en inspirer. Il s'offre même le luxe d'être plus rapide qu'eux ! Et si le futur de NPM ou YARN passait par PNPM? Nous parlerons de cet outil, mais aussi de l'écosystème foisonnant des gestionnaires de paquet.

lynchmaniac

October 24, 2017
Tweet

Other Decks in Programming

Transcript

  1. NPM, YARN
    ET SI LA VÉRITÉ ETAIT AILLEURS ?

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. I WANT TO BELIEVE…
    @LYNCHMANIACPL
    NAONED MAKERS
    VINCENT PIARD  MEAE

    View Slide

  6. INSTALLATION
    curl -L https://unpkg.com/@pnpm/self-installer | node
    npm install -g pnpm

    View Slide

  7. PHILOSOPHIE PNPM
    NPM v2 (jusquà mi-2015)
    APP
    A v1.0
    B v1.0
    C v1.0
    B v2.0
    NPM v3..5 (à partir de juin 2015)
    APP
    A v1.0 B v1.0 C v1.0
    B v2.0

    View Slide

  8. INSTALL
    UPDATE
    UNINSTALL
    LINK
    PRUNE
    INSTALL-TEST
    LIST
    APIS

    View Slide

  9. INIT
    LIST
    INSTALL
    INSTALL [PACKAGE]
    UPDATE [PACKAGE]
    UNINSTALL [PACKAGE]
    VIEW [PACKAGE]
    INSTALL -g [PACKAGE]
    RUN [SCRIPT]
    PNPM
    INIT
    LIST
    INSTALL
    INSTALL [PACKAGE]
    UPDATE [PACKAGE]
    UNINSTALL [PACKAGE]
    VIEW [PACKAGE]
    INSTALL -g [PACKAGE]
    RUN [SCRIPT]
    NPM
    INIT
    LIST
    INSTALL
    ADD [PACKAGE]
    UPGRADE [PACKAGE]
    REMOVE [PACKAGE]
    INFO [PACKAGE]
    GLOBAL ADD [PACKAGE]
    RUN [SCRIPT]
    YARN
    APIS

    View Slide

  10. PROGRAMMATIC API

    View Slide

  11. PNPM SOUS LE CAPOT

    View Slide

  12. PNPM SOUS LE CAPOT
    REGISTRY MODULES
    STORE
    HARD LINK SYMLINK
    JUNCTION

    View Slide

  13. NODE MODULES
    HEAVIEST OBJECTS IN THE UNIVERSE

    View Slide

  14. HOOKS

    View Slide

  15. ATOUTS
    ESPACE
    DISQUE
    HOOKS VITESSE
    SIMPLICITE

    View Slide

  16. LE BENCHMARK !

    View Slide

  17. ANGULAR APP
    LE BENCHMARK !

    View Slide

  18. REACT APP
    LE BENCHMARK !

    View Slide

  19. EMBER APP
    LE BENCHMARK !

    View Slide

  20. MEDIUM SIZE APP
    LE BENCHMARK !

    View Slide

  21. A LOT FILE APP
    LE BENCHMARK !

    View Slide

  22. LIMITATIONS
    BUNDLE
    DEPENDENCIES
    PRESERVE
    SYMLINKS
    MODULE
    INCOMPATIBLE
    INTÉGRATION

    View Slide

  23. CONCLUSION

    View Slide

  24. CREDITS
    Couverture : Billy Meier http://www.alienscientist.com/pictures/Billy_Meier.jpg
    Benchmark : http://s1.1zoom.me/big3/849/Men_Arm_WrestlingLittle_465538.jpg
    Graph : made by pnpm
    Icons made by freepik and Flaticon

    View Slide