Een React App maken
Home

Een React App maken

Een React App maken

Facebook heeft een Create React App gemaakt, een omgeving die vooraf is geconfigureerd met alles wat je nodig hebt om een React-app te bouwen:

Stappenplan

  1. Open je Terminal (Mac) of Powershell (Windows).
  2. Zorg ervoor dat je 5.2 of hoger hebt in Node.js. In de terminal typ je:
    Op Cloud9:
    jefinghelbrecht:~/workspace $ node -v
    Output:
    v6.11.2
    Heb je een lagere versie, typ dan de volgende instructie in de terminal om de laatste versie van Node.js op Cloud9 te installeren:
    nvm install 6 # This installs Node.js version 6.11.3, current latest version of Node.js 6.x
    en
    npm install --global npm # Install latest version of npm
  3. Als Node.js niet is geïnstalleerd, doe je dat eerst. Ga daarvoor naar Node.js.
  4. Vooraleer een create-react-app op te starten ga je naar de map waarin je het project wil maken. We gaan op Cloud9 een project maken met de naam react-app. En dat project plaatsen we in de root van onze workspace. Zorg er dus voor dat je in de root staat:
    jefinghelbrecht:~/workspace $
    In plaats van JefInghelbrecht zie je natuurlijk de naam van je eigen workspace.
  5. Om een create-react-app te maken, voer je de volgende insturctie in je terminal uit:
    npx create-react-app react-app
    Meer info over npx: Introducing npx: an npm package runner
  6. Als de installatie goed verlopen is, ga dan naar de nieuw aangemaakte map en start het project:
    cd react-tutorial
    npm start

    Zodra je deze opdracht uitvoert, verschijnt er een nieuw venster op localhost:3000 met je nieuwe React-app:

Onder ondertitel

Paragraaf

JI
2018-09-28 13:51:48