Kurs React

20191114-react

Demos und Labs vom Kurs

---

MODULE 000 | WARM UP

M000 SLIDES

greeter (alle Folien)

vs_n_vscode > vscode > getting started (ohne Lab)

git_n_github > git > getting started (ohne Lab)

git_n_github > github > getting started (mit Lab)

M000 LINKS

git homepage

vscode homepage

M000 LAB (DEMO + EXERCISE)

---

MODULE 010 | GETTING STARTED

M010 SLIDES

react > getting started

nodejs > nodejs > getting started (ohne lab)

nodejs > npmjs > intro (ohne lab)

nodejs > npx > intro (ohne lab)

M010 LINKS

react homepage

react code

node homepage

node code

npm homepage

npm code

M010 LAB

THEORY APP

TODO APP

---

MODULE 020 | JSX INTRO

M020 SLIDES

react > react globals

react > react & jsx > intro

vscode > emmet

M020 LINKS

jsx intro

M020 LAB

THEORY APP

TODO APP

---

MODULE 030 | FUNCTION COMPONENTS AND PROPS

M030 SLIDES

react > components > function components & props

M030 LINKS

components and props

M030 LAB

THEORY APP

TODO APP

---

MODULE 040 | JSX CONTINUED

M040 SLIDES

react > react & jsx > jsx element attributes

react > react & jsx > jsx & conditionals

react > react & jsx > jsx & iterating of elements

M040 LINKS

conditional rendering

lists and keys

M040 LAB

THEORY APP

TODO APP

---

MODULE 050 | CLASS COMPONENTS AND STATE

M050 SLIDES

react > components > class components

react > components > class components > constructor

react > components > components state

M050 LINKS

components and props

state and lifecycle

THEORY APP

TODO APP

---

MODULE 060 | REACT & FORMS

M060 SLIDES

react > react & forms

M060 LINKS

forms

M060 LAB

THEORY APP

TODO APP

---

MODULE 070 | COMPONENTS LIFECYCLE

M070 SLIDES

react > components > lifecycle

M070 LINKS

lifecycle

M070 LAB

THEORY APP

TODO APP

---

MODULE 075 | LIFTING STATE UP

M075 SLIDES

react > components communication > lifting state up

M075 LINKS

lifting state up

M075 LAB

THEORY APP

TODO APP

MODULE 076 | PROPS.CHILDREN

M076 SLIDES

keine

M076 LINKS

containment

M076 LAB

THEORY APP

TODO APP

kein Beispiel

---

MODULE 077 | COMPONENTS AS PROPS

M077 SLIDES

keine

M077 LINKS

containment

M077 LAB

THEORY APP

TODO APP

---

MODULE 078 | SPECIALIZATION

M078 SLIDES

keine

M078 LINKS

specialization

M078 LAB

THEORY APP

TODO APP

---

MODULE 079 | COMPONENTS IN STATE

Siehe Module Lifecycle Hooks - DateTime-Komponent im State von Greeter

---

MODULE 080 | HOOKS

M080 SLIDES

M080 LINKS

hooks

M080 LAB

THEORY APP

TODO APP

---

MODULE 090 | REDUX

M090 SLIDES

redux presentation

M090 LINKS

redux homepage

M090 LAB