Skip to main content

REACT

React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library[3] for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies.

Aan het eind van deze lessenserie heb je database-driven quiz app gemaakt.

Inleiding

React React is een framework of library (een verzameling van tools) waarmee je een userinterface...

*** Deel 1 ***

In het eerste gedeelte gaan we React installeren en gaan we kennis maken met state variabelen. B...

Installatie

Inleiding Node.js is de JavaScript run-time omgeving. JavaScript draait op alle web browsers, ma...

JSX en state variabelen

In REACT maken we gebruik van de 'taal' JSX. In deze les leren we wat JSX is. Verder leren we wa...

State variabelen gebruiken

We gaan de kleur van de letters aanpassen. De kleur moeten we onthouden en dat doen we in een sta...

Quiz (vragen)

Hoe zou je JSX het beste omschrijven? Een soort combinatie van JavaScript ES5 en JavaScript ES...

*** Deel 2 Inleiding ***

We hebben de basis gelegd in de vorige lessen. Heb je de kennis check goed gemaakt, dan kun je be...

Quiz App - deel 1

In deze les gaan we ook nieuwe (REACT) techniek leren. We leren wat props zijn en hoe we daarmee ...

Quiz App - deel 2

We zijn bezig met het maken van een Quiz app te maken in REACT. Dit is deel twee waarin we onze A...

*** Deel 3 REST API Inleiding***

In het derde gedeelte gaan we onze quiz applicatie uitbreiden met een REST API. Bekijk het fil...

REST API 1

De vragen van de quiz staan als een constante in de code. In deze les gaan we een database maken ...

REST API 2

Onze API is klaar maar we moeten nog iets tweaken aan het outputformaat. Stap 1, Output formaat...

Installatie React packages

De volgende stappen zijn nodig voor toekomstige lessen. Installatie React packages React Icons ...