[S7L2] React Lifecycle

Question 1

Was ist eine React Component?

Answer 1

• Erhält eine Component wenn sie von React.Component extended wird
• Kann mit Methoden über Lifecycle manipuliert werden

Question 2

Welche Phasen des LifeCycles gibt es?

Answer 2

• Mounting (Geburt)
• Updating (Update)
• Unmounting (Tod)

Question 3

Was geschieht beim Mounting/Geburt einer Component?

Answer 3

• Constructor Funktion wird gecalled und Data initialisiert
• Props werden erhalten und in Component als State geladen
• Render wird invoked und JSX Elemente werden in DOM Element gewandelt
• Danach wird componentDidMount invoked

Question 4

Was geschieht beim Updating einer Component?

Answer 4

• Neue Props triggern as Updating
• this.setState ist kein Teil des Lifecycles, aber beeinflusst es, da alle Veränderungen durch setState laufen
• setState called render by default
• Dann wird componentDidMount invoked

Question 5

Was geschieht beim Death/Unmounting einer Component?

Answer 5

-ComponentWillUmount wird invoked

Question 6

Warum möchte man manchmal Components töten?

Answer 6

-Um den DOM sauber zu halten können nicht mehr benötigte und angezeigte Elemente getötet werden

Question 7

Was meint v = fn(s)

Answer 7

view ist eine Funktion des States

• View ist was der Nutzer sieht/scrollt/klickt
• Fn ist die Component oder Klasse die Views oder Daten beinhlatet oder kapselt
• S Sind die Daten die vom View angezeigt werden

Question 8

Wofür gibt es den constructor einer Component?

Answer 8

• Lädt Daten wie Props in die Componente als State
• Initialisiert die Componente bevor sie gemounted wird
• Kann genutzt werden um Klassenmethoden wie ClickHandler an die Renderfunction zu binden

Question 9

Wofür gibt es die render Funktion einer Component?

Answer 9

• Ist Pflicht für alle Class Components
• Wenn getriggered wird UI zum DOM gerendert
• Involviert in Mounting und Updating Lifecycle

Question 10

Was ist ein einer Class Component der State?

Answer 10

-Alles in this.state in dem Constructor

Question 11

Was ist ein einer Class Component der View?

Answer 11

Alles in der render() Function

Question 12

Wann wird componentDidMount() invoked?

Answer 12

• Nur einmal nachdem eine Component gemounted wird/geboren wird.
• Wird nach render() ausgeführt
• Wird für async data loading genutzt wo man Daten nach dem Rendern haben muss

Question 13

Wie nutzt man componentDidMount()?

Answer 13

Under dem Constructor als Class Methode
componentDidMount(){
magic()
}

Question 14

Was heißt es wenn eine Component gemounted wird?

Answer 14

-Die Component wird dem DOM hinzugefügt

Question 15

Kann man in Function Components constructor, componentDidMount, componentDidUpdate oder componenWillUnmount nutzen?

Answer 15

• Nein Functional Components besitzen keine Methoden dieser Art
• Hooks können genutzt werden um dem zu entkommen

Question 16

Wird ComponentDidUpdate für Dinge wie öffnen von Panels und Interkation mit Elementen genutzt?

Answer 16

-Nein dafür wird AppState genutzt

Question 17

Wofür wird ComponentDidUpdate genutzt?

Answer 17

-Checken ob Infos von APIs reinkamen (Wurde neue Daten in die Component geladen?
Falls ja, rerendere die Components