T1614

Ladda ner som PDF

ReactJS

Reacts huvudsakliga idé är denna; om vi renderar om istället för att uppdatera så blir koden lättare att både skriva och resonera kring. Det förväntade prestandafallet uteblir tack vare sinnrik användning av virtual DOM, som resulterar i att bara de nödvändiga uppdateringarna faktiskt utförs under motorhuven.

Precis som React så föddes även Redux ur tankarna kring funktionell programmering. Redux lagrar all state i appen i ett enda objekt, vilket kombinerat med ett enkelriktat dataflöde gör att en förvånansvärt stor del av din kodbas förvandlas till "rena" funktioner, utan sidoeffekter. Resultatet blir en kodbas som både är mindre komplicerad samt lättare att resonera kring.

Den tredje delen i treenigheten är React Router, som ger din React-app en routing-lösning baserad på den beprövade designen i Embers router. I denna kurs får du dels lära dig dessa tre bibliotek, men framför allt får du en förståelse om de bakomliggande idéerna och varför de är så framgångsrika.

Målgrupp

Frontend-utvecklare som vill lära sig ett nytt, kraftfullt sätt att bygga webappar.

Förkunskaper

En god grundförståelse för HTML, CSS och JavaScript, motsvarande innehållet i våra kurser HTML5, CSS3, och Modern JavaScript.

Informator Training Cloud

Vår utbildningsportal stöttar dig genom hela utbildningen. Portalen är tidsbesparande och utformad för att ge dig som deltagare en mer effektiv inlärning - som leder till bättre resultat och större kunskapstillämpning efter kursen. Läs mer här >

Dag 1

  • Introduktion
    • JavaScripts flexibilitet
    • Funktionell programmering
    • Vad är React?
    • Utvecklingsmiljö
  • React, level 1
    • Rendera en komponent
    • Kombinera komponenter
    • Kommunikation mellan komponenter
  • Redux, level 1
    • Flux och Redux
    • Reducers
    • Store
  • React och Redux tillsammans
    • Koppla in state till komponenter
    • Låta komponenter uppdatera state

Dag 2

  • React-Router
    • Definiera routes
    • Länkar och dynamisk navigering
    • Routes och Redux
  • React, level 2
    • Klass-syntax
    • Spara state i komponenten
    • Komponentens livscykel
    • Mixins
  • Redux, level 2
    • Kombinera reducers
    • Middlewares
    • Asynkrona action creators
    • Utvecklingsverktyg för Redux
  • I ett större sammanhang
    • Serverrendering
    • Rendera till annat än DOM:en
    • Enhetstesta React-kod
    • Övrigt i ekosysteme

Dag 1

  • Introduktion
    • JavaScripts flexibilitet
    • Funktionell programmering
    • Vad är React?
    • Utvecklingsmiljö
  • React, level 1
    • Rendera en komponent
    • Kombinera komponenter
    • Kommunikation mellan komponenter
  • Redux, level 1
    • Flux och Redux
    • Reducers
    • Store
  • React och Redux tillsammans
    • Koppla in state till komponenter
    • Låta komponenter uppdatera state

Dag 2

  • React-Router
    • Definiera routes
    • Länkar och dynamisk navigering
    • Routes och Redux
  • React, level 2
    • Klass-syntax
    • Spara state i komponenten
    • Komponentens livscykel
    • Mixins
  • Redux, level 2
    • Kombinera reducers
    • Middlewares
    • Asynkrona action creators
    • Utvecklingsverktyg för Redux
  • I ett större sammanhang
    • Serverrendering
    • Rendera till annat än DOM:en
    • Enhetstesta React-kod
    • Övrigt i ekosysteme

Utbildningen levereras i samarbete med

Kurs-ID: T1614
Längd: 2 dagar
Pris exkl moms: 20 450 kr

Frågor om kursen!?

Har du frågor om kursens innehåll, leveransdatum/ort eller behöver en företagsanpassad variant? Fyll i formuläret nedan!


Kan betalas med:
TRAINING CARD

Ort och datum

Stockholm
21 nov – 22 nov
Boka nu!
Göteborg
21 nov – 22 nov R
Boka nu!
Malmö
21 nov – 22 nov R
Boka nu!
Cloud Access
i Läs mer

Delta på kursen från ditt hem, jobb eller annan plats.

21 nov – 22 nov
Boka nu!

Tipsa