Created
April 28, 2022 11:36
-
-
Save myagoo/e2739807292f0a13397e6083409106a9 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# 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 | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment