React er udviklet af Facebook. React kan benyttes til SPA udvikling og er på sin vis en konkurrent til Angular og VueJS.
Målgruppe
Kurset henvender sig til frontend- og full stack-udviklere, der ønsker at komme hele vejen omkring React. Kurset starter fra scratch.
Efter kurset kan du
På kurset vendes alle væsentlige aspekter af React. Der arbejdes intensivt med hands-on øvelser, som sikrer, at du får indlæringen til at sidde fast. Efter kurset har du en rimelig erfaring med React. Sammen med Gratis Hotline kan det få dig op på et avanceret niveau på ganske kort tid.
Kursusindhold
Kurset er opdelt i moduler. Afhængig af publikum kan der skrues op og ned for niveauet. For lukkede firmahold og enkeltmandsundervisning aftales agendaen fra gang til gang.
Introduktion til React
- Hello World på en html-side
- Babel
- JSX
- ReactDom.Render()
- JSX Expressions
- React elementer
- Komponenter
- Kompontent egenskaber
- JSX Compileren
Opsætning og Installation
- Installation med Babel og Webpack
- Installation af selve React
- Hovedfiler og oprettelse af disse
- main.js, app.jsx og index.html
- Lav bundle med create-react-app
JSX
- Attributter
- Nested elementer
- Expressions
- Tilføjelse af kode
- CSS
States
- Stateless og Statefull kode
Componenter
- Hvad er et komponent?
- Opbygning af kode omkring et komponent
- Metoder til komponenter
- Stateless komponenter og komponent lifecycle
Props
- Hvad er Props?
- Brug af Props
- Validering med Props
Virtuel DOM
- Hvad er Virtuel DOM?
- Hvordan opdateres browser ud fra Virtuel DOM
- Manipulering af Virtuel DOM
- Memory hensyn ved Virtuel DOM