Бесплатный курс лекций по Python
Начало 11 декабря. Расписание: пн, чт в 20.15-21.00. Для записи вступи в канал →

De Belangrijkste React Zelfstudie

Inleiding React installeren De react-devtools plugin aansluiten Componentgerichte aanpak Sitelay-out Resultaat van componentwerking

JSX Taal

Inleiding tot JSX Teruggeven van geneste tags Tag naar beneden brengen Teruggeven van meerdere tags Teruggeven van niet-gesloten tag Teruggeven van lege tag door functie Invoegen van variabele waarden Nuances bij het invoegen van variabelen Invoegen van arrays Invoegen van objecten Invoegen in attributen Opslaan van tags in JSX Opslaan van meerdere tags Tags op verschillende regels Teruggeven van tags Geslotenheid van JSX tags Correctheid van opmaak Uitvoeren van JavaScript code

Voorwaarden

Voorwaarden in JSX Weergeven op voorwaarde Voorwaarden voor het retourneren van een tag Drievoudige operator in JSX Gebruik van de && operator in JSX Inverteren voor verkorte voorwaarden

Functies

Functies gebruiken Functies aanroepen binnen tags Handlers toevoegen Handler parameters Event Object Event Object bij het doorgeven van parameters

Vormen van tags

Array van tags Array van tags in een lus Tags uit een array met gegevens Sleutels in een array Array van objecten Sleutels via id Tabel uit een array van objecten

Unieke id's

Discussie Problemen met nieuwe id's Willekeurige strings voor id Generatie van id Functie voor id-generatie Gebruik van de id-functie Verkeerd gebruik van de functie

Staten

Introductie tot staten Gebruik Reactiviteit Booleaanse waarde in staat Teller bij het werken met staten

Formulieren

Werken met invoervelden Invoerveldgegevens wijzigen bij weergave Gegevens wijzigen met een functie Werken met meerdere invoervelden Formuliergegevens verwerken Werken met textarea Werken met selectievakjes Selectievakjes en conditionele weergave Werken met selecties Selectiepunten uit een array Value-attributen in select Value-attributen van select uit array Werken met radio Standaardwaarden Invoervelden binden aan een array Invoervelden binden aan een object

Gegevens

Inleiding Reactief toevoegen aan een array Reactieve arraybewerkingen Reactief toevoegen aan een array van objecten Reactieve bewerkingen op arrays van objecten Reactieve weergave van gegevens

Componenten

Inleiding tot componenten Componenten gebruiken Meerdere instanties van een component Component props Child componenten Array voor het maken van child componenten Child componenten in een lus States doorgeven aan child componenten ID doorgeven aan een component State van de parent wijzigen State van de parent bewerken State van de grootouder bewerken Werkmodi via states

Concepten

Introductie Componentgegevens Componenttypen Unidirectionele gegevensstroom State omhoog tillen Één bron van waarheid

Styling

Manieren van stylen in React Globale CSS Gegevens in style attribuut invoegen vanuit een object Gegevens in style attribuut invoegen vanuit een apart bestand Werken met CSS-stijlen in het style attribuut Gegevens in style attribuut invoegen vanuit variabelen Styled Components Props in Styled Components Props en conditioneel renderen in Styled Components Componenten met uitgebreide styling Aan de slag met CSS modules Verder werken met CSS modules Composes commando voor classes Composes commando voor bestanden

Projecten

Checklist Notitieblok

↑