[S9L2] Immutability, Object Assign

Question 1

Wie ist der Workflow eine Redux App zu bauen?

Answer 1

• Reducer
• Store
• Components/UI
• Buttons
• Actions

Question 2

Was ist eine pure Function?

Answer 2

• Eine Function, welche predictable ist und deterministische bei gleichem state Object und Action immer das selbe Ergebnis herausgibt.
• Es ist von nichts außerhalb des eigenen Scopes abhängig.

Question 3

Was macht connect()?

Answer 3

connect binds dispatch and actions to the reducer and to the component

Question 4

Was macht createStore?

Answer 4

createStore connects the reducer to the store

Question 5

Was ist Immutability?

Answer 5

-Unveränderbarkeit

Question 6

Ist Redux auf dem Prinzip von Immutability aufgebaut?

Answer 6

• Ja, der Store ist immer immutable.
• Daher kann es keine komischen Seiteneffekte zum Store/State der Applikation geben
• Man tauscht mit den Reducern jeweils den vorherigen State komplett gegen einen neuen Zustand aus.

Question 7

Warum ist Immutability eine gute Idee für Redux?

Answer 7

• Predictable State Management Machine, verhindert Seiteneffekte von Änderungen an der Applikation
• Mental Modell ist einfacher im Kopf zu behalten und wie sich der State ändert
• Veränderungen/Mutations werden getracked, da die Components immer direkt durch neue Props mit updaten und Views neu rendern
• Besonders bei großen Applikation ist dies von Vorteil

Question 8

Ist der Redux Store auch nur ein Object?

Answer 8

Ja

Question 9

Welche Arten von Datentypen gibt es in JavaScript?

Answer 9

• Primitive Types(number, string, boolean, object)
• Reference Types (Ein Object das auf ein anderes Object mit Referenz zeigt)

-const myObj = { name: "Sascha" };  //primitive
const newObj = myObj //reference

Question 10

Wie kann man in JavaScript Immutability umsetzen?

Answer 10

-Mit assign

const newObject = Object.assign([}, myObject, [age: myObject.age +1 });

//Zuerst das Object was aus der Function als frisches neues Object returned wird
//Dann das Object was kopiert werden soll
//Dann die Changes

Question 11

Wie kann man ein immutable Object in JavaScript updaten?

Answer 11

-Indem man es durch ein neues ersetzt

Question 12

Was sind die Vorteile wenn man Object.assign benutzt um Immutability zu erzeugen?

Answer 12

• Das alte Object bleibt unverändert

- Es können keine unerwarteten Seiteneffekte auftreten

Question 13

Wie kann man Arrays in Objects mit Immutability in JavaScript behandeln?

Answer 13

const newObject = Object.assign([}, myObject, [age: myObject.scores.concat(50});

Question 14

Welche Array Methoden erzeugen keine Seiteneffekte, da sie Immutable arbeiten?

Answer 14

• Filter
• Map
• Concat

Question 15

Was macht dispatch?

Answer 15

-Called den Reducer direkt

-

Question 16

Wie kann man den Spread Operator nutzen um die Array Concat Function zu substituieren?

Answer 16

const evensThenOdds = {…myEvens, ….myOdds]

Question 17

Was ist eine Finite State Machine?

Question 18

Wie kann man eine Drehschranke als Finite State Machine beschreiben?

Answer 18

• Hat zwei Zustände: Lockedund Unlocked

- Hat zwei Aktionen: Coin einfügen und Push

Question 19

Wie kann die Finite State Machine in Software angewandt werden?

Answer 19

• Kann dabei helfen Systeme zu entwerfen, welche vorraussagbare und nachvollziehbare Zustände besitzen
• Damit können Seiteneffekte und Fuzzy Logiken verhindert werden
• Alle Sonderfälle werden bereits durchdacht und behandelt.