Afslutning på Opsætning af React-Projekt

Du er nået til slutningen af kurset. På nuværende tidspunkt har du gennemgået de grundlæggende principper i React og lært, hvordan virkelige React-applikationer opbygges og afvikles.

Du startede med at forstå hvad React er, og hvordan komponenter og JSX bruges til at beskrive brugergrænseflader. Derefter lærte du, hvordan man overfører data med props, styrer UI-logik med betinget rendering og gengiver lister af data.

Herefter undersøgte du, hvordan React-applikationer håndterer ændringer over tid ved hjælp af hooks. Du lærte at håndtere tilstand med useState og håndtere sideeffekter med useEffect, herunder at hente data og reagere på tilstandsændringer.

Du lærte også, hvordan man stiler React-komponenter ved hjælp af inline-styles og ekstern CSS, samt hvordan man vælger enkle, praktiske stylingmetoder.

Endelig oprettede og kørte du et reelt React-projekt ved hjælp af Vite og undersøgte dets projektstruktur, så du forstår, hvor din kode befinder sig, og hvordan det hele hænger sammen.

Hvad du nu kan gøre

Ved at gennemføre dette kursus kan du nu:

1. Opbygge funktionelle React-komponenter;
2. Bruge JSX til at beskrive UI;
3. Overføre data med props;
4. Anvende betinget rendering;
5. Gengive datasamlinger;
6. Håndtere tilstand med useState;
7. Håndtere sideeffekter med useEffect;
8. Style komponenter med CSS;
9. Oprette og køre et reelt React-projekt.

Disse færdigheder udgør fundamentet for næsten enhver React-applikation.

Hvad er det næste

Du kan nu opbygge dynamiske brugergrænseflader med React og håndtere brugerinteraktioner.

Dog fungerer din applikation stadig kun i browseren og gemmer eller behandler ikke rigtige data.

For at opbygge komplette applikationer har du brug for en backend, der kan:

• Håndtere forespørgsler;
• Behandle logik;
• Gemme og administrere data.

Næste skridt er at lære Node.js, som gør det muligt at køre JavaScript uden for browseren og opbygge fundamentet for backend-applikationer.

Du bevæger dig fra at opbygge grænseflader til at opbygge logikken bag dem.