Svelte JS : le TUEUR de React et Vue by Antho Welc

Svelte JS : le tueur de React et Vue ?

Clique sur Play pour découvrir comment faire passer rapidement tes idées à des projets concrets en ligne.

Ce que tu vas apprendre :

  1. Toutes les bases
  2. Le rendu dynamique
  3. Comprendre le Bind
  4. Les events
  5. Créer un éditeur de Markdown
  6. Et plein d'autres choses



La fin de React ?

React est mon framework de cœur.

C'est le premier que j'ai appris après jQuery. Mais c'est vraiment pas les mêmes choses donc je pense qu'on peut dire que c'est le premier.

Mais est-ce qu'il n'existe pas mieux ?

Le problème de React c'est qu'il faut déjà avoir un bon niveau en JavaScript pour en profiter pleinement.

Tu peux t'en passer mais tu risques de faire du caca.

Le truc c'est que sans bon framework c'est une galère de mettre en place des projets un peu plus gros qu'un pomodoro ou une calculatrice.

Et quand on débute on a envie de créer des projets (même quand on débute pas d'ailleurs).

Et tu t'es peut être déjà senti frustrer de ne pas pouvoir coder correctement ce que tu voulais.

Au moins une base propre.

C'est là qu'un nouveau framework entre en jeu.

Il peut être utilisé pour faire de grands projets complexes comme avec React...

... Mais il reste super accessible pour les débutants.

Tu connais un peu HTML, CSS et deux trois trucs en JavaScript ?

C'est bon pour toi.

T'en connais beaucoup plus ? C'est bon pour toi aussi.

J'ai même créé une formation spéciale pour redécouvrir ce framework.
(ne clique pas encore je vais te montrer des trucs avant ;) )

Tu vas apprendre plein de trucs dès les premières vidéos et à la fin tu seras capable de mettre en place un projet complet.

Par contre si tu as commencé le code il n'y a pas longtemps tu vas devoir t'accrocher un peu plus que les autres mais c'est largement possible :)

Ce framework, c'est Svelte.

Au programme :
  • Tous les outils nécessaires
  • Comment initialiser un projet
  • Comprendre les Components
  • Utiliser des attributs dynamiques
  • Styliser ton app
  • Comment réutiliser des morceaux de code n'importe où
  • Afficher du HTML
  • Mettre à jour toute ton app si une variable change
  • Plein de truc sur le code Reactif
  • Comprendre les props
  • Des astuces puissantes pour les props
  • Créer un rendu conditionnel
  • Faire des boucles (très utile)
  • Gérer Async Await
  • Gérer les events
  • Plus loin avec les events
  • DOM Forwarding
  • Binding base
  • Un premier exo
  • Un deuxième exo : Editeur de Markdown
  • Faire le build
Bien sur tu n'es pas obligé de prendre ma formation (si tu es dans ma classe hardcoders elle est déjà dans ton espace privé)

Si tu veux te lancer tout seul je vais te donner des clés pour que tu ailles plus vite :

1- Svelte fonctionne avec des components (comme React) qui a un state, il peut passer des propriétés à ses components enfants.

Ça veut dire que si un component est modifié ça peut impacter tous ses enfants. C'est super puissant :)

Par exemple tu as le component parent avec la variable thème clair / sombre. Et en fonction de ce que l'utilisateur choisis toutes l'app va se mettre sur le bon thème, rien qu'avec cette variable !

2- Une partie du framework est en quelque sorte du template (comme Pug si tu connais).

En gros tu n'as plus besoin d'écrire tout ton html. Si tu as une liste de 20 trucs à afficher tu dis juste : voilà mes données, pour chacune d'elles tu me crées un <li>.

3- Tu vas peut être bloquer sur le concept de "bindage" donc je te dégrossis le boulot :)

Logiquement les données ne circulent que dans un sens : du parent vers l'enfant. Mais des fois on trouverait plus naturel que ça aille dans l'autre sens (voir dans les deux sens).

C'est ça le "bindage". Tu vas indiquer à ton app que la modification d'un enfant va impacter son parent.

C'est bizarre mais tu en seras là ça te parleras ;)

Si tu as envies de progresser rapidement et de mettre en place un projet complet que tu as en tête c'est pour toi.

C'est un atelier découverte dans lequel je te montre tout ce dont tu as besoin pour être autonome ensuite.

Est-ce que React est mort ? Non, les deux sont différents et ne ciblent pas le même public à mon avis, chacun a sa place :)

Bonne formation !

Svelte JS : le TUEUR de React et Vue

BONUS OFFERT - La Formation Complète : Coder mieux avec Emmet et Eslint

Normalement vendue 57,00€ - OFFERTE AVEC L'ACHAT DE CETTE FORMATION.

Des formations concrètes qui vont t'enmener plus loin dans ta vie professionnelle.

Antho Welc
Papa | Dév JavaScript | Autodidacte.
Créateur du programme Hardcoders.
J’enseigne comment gagner sa vie grâce au développement web.
J'ai créé plus de 70 formations qui ont aidées des centaines de développeurs à booster leur carrière.
Tu trouveras ici tous les cours encore disponibles.