Bliv En React-Udvikler

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.

Lær de teoretiske grundprincipper for begreber som URL, domæne, protokol, forespørgselsparametre og mere. Forstå betydningen af routing i webapplikationer, og hvorfor vi har brug for React Router-biblioteket.

Lær at oprette en komplet React-applikation fra bunden med mulighed for at vise indhold, der tilpasses baseret på URL'en ved hjælp af React Router-funktionalitet.

Undersøg brugen af forespørgselsstrenge til deling og håndtering af applikationstilstand via URL'er, arbejd med forskellige datatyper i forespørgselsparametre, og udnyt React Router til navigation og effekter baseret på URL-ændringer.

Udforsk de grundlæggende koncepter inden for state management og lær, hvordan du udnytter Redux Toolkit. Vi guider dig gennem installationsprocessen og hjælper dig med at oprette dit første React Redux Toolkit-projekt. Derudover møder du en udfordring, der tester din forståelse og dine færdigheder.

Undersøgelse af Redux-integration med React-applikationer, med fokus på kernekoncepter: actions, reducers og Redux store. Indeholder praktiske eksempler og kodeforklaringer til konfiguration af en store, oprettelse af reducers og tilkobling af React-komponenter via hooks som useSelector og useDispatch.

Styrk dine færdigheder inden for state management. I denne praktiske workshop arbejder du med virkelighedsnære udfordringer og opnår praktisk erfaring med Redux Toolkit til effektiv applikationsudvikling.

Vi gennemgår, hvad du bør have kendskab til, før du går i gang med Next.js-rammeværket, hvad du kan forvente af dette kursus, og hvilke projekter du kommer til at bygge.

Vi opsætter projektet, undersøger metoder til at tilføje styling til vores app og dækker visuelle aspekter såsom billeder, skrifttyper, sider og layouts.

Lær, hvordan du nemt opretter og administrerer et nyt view til din app og navigerer problemfrit gennem alle sider med et integreret routing-system.

Udrul Next.js-appen ved hjælp af GitHub- og Vercel-konti. Etabler desuden en database for at forsyne appen med de nødvendige data.

Overvej, hvordan data kan indhentes og vises for brugeren på en klar og effektiv måde.

Opdag, hvordan moderne webfunktioner som paginering, CRUD-operationer, global søgning, formularvalidering og mere implementeres.

Implementering af autentificering i Next.js.