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 kraftig JavaScript-bibliotek for å bygge dynamiske og interaktive brukergrensesnitt. Vi skal utforske hva React er og hvorfor det har blitt det foretrukne valget for moderne webutvikling.

# Hva er React?
1. React er et populært JavaScript-bibliotek for å bygge gjenbrukbare, komponentbaserte brukergrensesnitt for nettsider eller applikasjoner;
2. React kombinerer HTML med JavaScript-funksjonalitet i sitt markeringsspråk kalt JSX. React gjør det også enkelt å håndtere dataflyten gjennom hele applikasjonen;
3. I dette kurset lærer du å lage ulike React-komponenter, håndtere data i state og props, arbeide med det faktiske API-et som representerer backend, og mye mer.

Du kan gjerne følge disse lenkene for å repetere eller lære disse grunnleggende teknologiene før du begynner med React.

# Dette vil du lære i kurset
- Du starter med å forstå det grunnleggende i React, inkludert SPAs vs. MPAs, Virtual DOM, JSX og rendering av elementer;
- Deretter lærer du å lage og style React-komponenter ved hjelp av ulike metoder, som inline-stiler, CSS-filer og CSS-moduler;
- Videre går du i dybden på React Hooks og Context, og utforsker useState, useRef, useEffect og useMemo hooks, samt håndtering av global tilstand med Context;
- Til slutt setter du opp utviklingsmiljøet ditt, inkludert konfigurering av kodeeditor, oppsett av prosjektmappe, bruk av terminal og oppstart av et React-prosjekt.

Lær å bygge dynamiske, interaktive brukergrensesnitt med React. Forstå kjernebegreper som JSX, det virtuelle DOM-et og gjenbrukbar komponentbasert arkitektur. Bruk stilteknikker med inline-stiler, ekstern CSS og CSS-moduler for skalerbar design. Håndter tilstand og sideeffekter effektivt med React Hooks og del data på tvers av komponenter ved hjelp av Context.

Få en forståelse av de grunnleggende prinsippene i React. Du vil lære om JSX (JavaScript XML), bygging av gjenbrukbare UI-komponenter og rendering av elementer. I tillegg vil du utforske viktigheten av datainnsamling og betinget rendering i React-applikasjoner. Etter denne delen vil du ha et solid grunnlag i Reacts essensielle konsepter, noe som forbereder deg på mer avanserte emner i de følgende delene.

Utforsk ulike metoder for å legge til stil i React-applikasjoner. Du vil lære hvordan du anvender stil på individuelle komponenter, bruker dynamiske stiler og opprettholder en skalerbar og vedlikeholdbar tilnærming til styling i prosjektene dine.

Kraftige funksjoner i moderne React-utvikling. Hooks revolusjonerer måten vi skriver funksjonelle komponenter på, og gir en konsis og intuitiv måte å håndtere tilstand og utføre sideeffekter. Context gjør det mulig å dele data gjennom komponenttreet uten prop drilling. Ved å kombinere hooks og Context oppnås effektiv tilstandshåndtering og forenklet datadeling i React-applikasjoner.


Trinnvis veiledning for hvordan man starter et reelt React-prosjekt. Fra oppsett av utviklingsmiljø til forståelse av prosjektorganisering og sentrale verktøy, gir dette deg kunnskapen og selvtilliten til å starte din React-reise.

Hva er React og hvorfor bruke det?

Hva er React?

Dette vil du lære i kurset

Awesome!

Hva er React og hvorfor bruke det?

Hva er React?

Dette vil du lære i kurset