Hello les codeurs,

Aujourd’hui nous allons voir ensemble comment configurer votre “boilerplate” React, soit votre projet React de départ, sur JSFiddle, dont nous nous servirons dans beaucoup de tutoriels react-facile.fr.

JSFiddle est une plateforme qui permet de créer rapidement de petits projets et de coder en ligne. Vous trouverez notre “boilerplate” React ici. L’interface de JSFiddle est divisée en 4: un éditeur pour tout ce qui est HTML, un pour le CSS, un pour le Javascript et enfin le résultat.

La première étape sera de supprimer tout le contenu des cases CSS et JS. Nous essaierons le plus possible de coder en partant de zero, pour que vous intégriez bien les notions de base du développement en React.js. Une fois chose faite, cliquez sur le bouton “Run” en haut à gauche de l’interface (à côté du nuage bleu JSFiddle) pour mettre à jour la case résultat, en bas à droite.

Vous devriez atteindre un résultat proche de celui ci:

C’est parfait! Time to code!

Pour les débutants, je vous recommande mon tutoriel Hello, World! Votre première app en React. Sinon consultez la page Tutoriels pour voir la liste complète de mes tutoriels en ligne. Bon coding!