K9143 ReactJS Udvikling

JavaScript biblioteket React – også kaldet ReactJS benyttes til at lave frontend interfaces…

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