Réagir Tutoriel

Apprendre par des exemples

Notre outil "Show React" facilite la démonstration de React. Il affiche à la fois le code et le résultat.

import React from 'react';
import ReactDOM from 'react-dom';

function Hello(props) {
  return <h1>Hello World!</h1>;
}

ReactDOM.render(<Hello />, document.getElementById('root'));

Apprendre par des exercices

ReactDOM.(myElement, document.getElementById('root'));

Réagissez au questionnaire

Testez vos compétences en réaction avec un quiz.

Réagissez au questionnaire

Créer une application React

Pour apprendre et tester React, vous devez configurer un environnement React sur votre ordinateur.

Ce tutoriel utilise le create-react-app.

L' create-react-appoutil est un moyen officiellement pris en charge pour créer des applications React.

Node.js est nécessaire pour utiliser create-react-app.

Ouvrez votre terminal dans le répertoire où vous souhaitez créer votre application.

Exécutez cette commande pour créer une application React nommée my-react-app :

create-react-app configurera tout ce dont vous avez besoin pour exécuter une application React.

Exécutez l'application React

Exécutez cette commande pour accéder au my-react-apprépertoire :

Exécutez cette commande pour exécuter l'application React my-react-app:

Une nouvelle fenêtre de navigateur apparaîtra avec votre application React nouvellement créée ! Sinon, ouvrez votre navigateur et tapez localhost:3000dans la barre d'adresse.

Le résultat:

Ce que vous devez déjà savoir

Avant de commencer avec React.JS, vous devez avoir une expérience intermédiaire dans :

• HTML
• CSS
• Javascript

Vous devez également avoir une certaine expérience des nouvelles fonctionnalités JavaScript introduites dans ECMAScript 6 (ES6), vous en apprendrez plus sur elles dans le chapitre React ES6 .