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.

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