react-meetup-solidjs

# TITRE : DÉCOUVERTE DE SOLIDJS
## SOUS-TITRE : QUAND REACT RENCONTRE SVELTE

















### CARTE D'IDENTITÉ DE SOLIDJS

* En developpement depuis 5 ans
* 16k+ ⭐
* 14 issues ouvertes (424 fermées) 👍
* 18K download hebdo sur npm
* Les meilleures perfs du marché sur tous les points juste derrière vanillajs et devant svelte 🚀 (https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html)






























### COMME REACT

* Create App `yarn create solid app-ts my-app`
* JSX
* Composants fonctionnel
* API Similaire (ErrorBoundary, Suspense, Concurrent mode, ref, lazy, Portal, Context,...)


























### COMME SVELTE

* Reactivité built-in (pas besoin de spécifier les dépendances des effects & memo)
* Pas de diff de VDOM : Lorsqu'une données reactive change, les updates du DOM sont appliqués directement de manière chirugicale 🎯





























### EXEMPLES





















**Hello world pour se chauffer 🌍**

https://playground.solidjs.com/?hash=-711224606&version=1.3.13
































**Introduction du state avec le mandatory Counter 🧮** 

https://playground.solidjs.com/?hash=549801973&version=1.3.13




























**Notre premier effet 🐣**

https://playground.solidjs.com/?hash=1270927248&version=1.3.13


























**Version revue et corrigée 🐔**

https://playground.solidjs.com/?hash=-806049689&version=1.3.13


























**La fameuse Todo list ✅**

https://playground.solidjs.com/?hash=-952111239&version=1.3.13

https://playground.solidjs.com/?hash=298441110&version=1.3.13





















**Memo 🧠**

// https://playground.solidjs.com/?hash=3271327&version=1.3.13


















**Petits goodies en vrac 🍬**

*createResource*
https://playground.solidjs.com/?hash=160862095&version=1.3.13

*Les directives !!!!*
https://playground.solidjs.com/?hash=-1840210631&version=1.3.13

*Et plein d'autres !*
https://www.solidjs.com/docs/latest/api