Summary
This chapter introduces React as a JavaScript library for building reusable, component-driven user interfaces using JSX and managing efficient data flow with the Virtual DOM.

General domain of usage
Web development

Velkommen til React-verdenen, et kraftfuldt JavaScript-bibliotek til opbygning af dynamiske og interaktive brugergrænseflader. Vi vil undersøge, hvad React er, og hvorfor det er blevet det foretrukne valg til moderne webudvikling.

# Hvad er React?
1. React er et populært JavaScript-bibliotek til opbygning af genanvendelige, komponentbaserede brugergrænseflader til websider eller applikationer;
2. React kombinerer HTML med JavaScript-funktionalitet i sit markup-sprog kaldet JSX. React gør det også nemt at håndtere dataflowet gennem hele applikationen;
3. I dette kursus lærer du at oprette forskellige React-komponenter, håndtere data i state props, arbejde med det faktiske API, der repræsenterer backend, og meget mere.

Du er velkommen til at følge disse links for at gennemgå eller lære disse essentielle teknologier, før du går i gang med React.

# Hvad du vil lære på kurset
- Du starter med at forstå det grundlæggende i React, herunder SPAs vs. MPAs, Virtual DOM, JSX og rendering af elementer;
- Derefter lærer du at oprette og style React-komponenter ved hjælp af forskellige metoder, såsom inline styles, CSS-filer og CSS-moduler;
- Dernæst fordyber du dig i React Hooks og Context, hvor du udforsker useState, useRef, useEffect og useMemo hooks samt håndtering af global tilstand med Context;
- Til sidst opsætter du dit udviklingsmiljø, herunder konfiguration af en kodeeditor, opsætning af projektmappe, brug af terminalen og opstart af et React-projekt.

Lær at opbygge dynamiske, interaktive brugergrænseflader med React. Forstå kernekoncepter som JSX, det virtuelle DOM og genanvendelig komponentbaseret arkitektur. Anvend stylingteknikker ved hjælp af inline styles, ekstern CSS og CSS-moduler for skalerbart design. Håndter state og sideeffekter effektivt med React Hooks og del data på tværs af komponenter ved hjælp af Context.

Opnå forståelse for de centrale principper i React. Du vil lære om JSX (JavaScript XML), opbygning af genanvendelige UI-komponenter og rendering af elementer. Derudover vil du udforske vigtigheden af datainhentning og betinget rendering i React-applikationer. Ved afslutningen af dette afsnit vil du have et solidt fundament i Reacts væsentlige begreber, hvilket forbereder dig til succes med de mere avancerede emner i de følgende afsnit.

Undersøg de forskellige metoder til at tilføje styles til React-applikationer. Du vil lære, hvordan man anvender styles på individuelle komponenter, bruger dynamiske styles og opretholder en skalerbar og vedligeholdelsesvenlig stylingtilgang i projekter.

Kraftfulde funktioner i moderne React-udvikling. Hooks revolutionerer måden, vi skriver funktionelle komponenter på, ved at tilbyde en kortfattet og intuitiv metode til at håndtere tilstand og udføre sideeffekter. Omvendt gør Context det muligt at dele data gennem komponenttræet uden prop drilling. Kombinationen af hooks og Context muliggør effektiv tilstandshåndtering og forenklet datadeling i React-applikationer.

Trinvis vejledning i, hvordan man starter et virkeligt React-projekt. Fra opsætning af udviklingsmiljø til forståelse af projektorganisering og vigtige værktøjer opnås viden og selvtillid til at påbegynde arbejdet med React.

Hvad Er React, og Hvorfor Bruge Det?

Hvad er React?

Hvad du vil lære på kurset

Awesome!

Hvad Er React, og Hvorfor Bruge Det?

Hvad er React?

Hvad du vil lære på kurset