Patterns.dev

Question 1

Vad är poängen med mediator/middleware pattern?

Answer 1

Förenkla many-to-many kommunikation genom att låta all kommunikation gå genom en central punkt.

Som ett kontrolltorn på en flygplats som sköter kommunikationen mellan alla flygplan.

Question 2

3 fördelar med command pattern?

Answer 2

Koppla loss metoder från objekt, separera ansvar.

Genom att spara kommandohistorik kan man enkelt implementera undo/redo funktionalitet.

Blir mer modulärt dvs lätt att testa, felsöka, återanvända

Question 3

Nackdelar med command pattern?

Answer 3

Få use cases. Skapar onödig boilerplatekod.

Question 4

Vad är en factory funktion?

Answer 4

En funktion som returnerar ett nytt objekt utan att använda nyckelordet new

Question 5

När är factory pattern användbart?

Answer 5

När man skapar relativt komplexa och konfigurerbara objekt.

Question 6

Fördelar med factory pattern?

Answer 6

Användbart för att skapa många mindre objekt som delar egenskaper.

Kan enkelt returnera objekt beroende på specifik kontext eller användarkonfiguration.

Question 7

Nackdelar med factory pattern?

Answer 7

I många fall är det mer minneseffektivt att skapa instanser av en klass istället för nya objekt.

Question 8

Vad är flyweight pattern?

Answer 8

Ett sätt att se till att det inte skapas onödiga duplicerade objekt. Genom något unikt ID kollar man om objektet redan finns och hanterar det på lämpligt sätt.

Question 9

Vad är mixin pattern?

Answer 9

Att lägga till funktionalitet i ett objekt utan att använda inheritance.

Question 10

Hur använder man mixin pattern i JS?

Answer 10

Genom att skapa ett separat objekt med önskad funktionalitet som sedan injiceras i målobjektets prototyp genom:

Object.assign(
    TargetObject.prototype, 
    MixinObject 
);

Question 11

Är det en bra idé generellt att använda mixin?

Answer 11

Nej.

Question 12

Vad är module pattern?

Answer 12

Att bryta upp kodbasen i fristående moduler som kan importeras och användas på flera ställen.

Question 13

2 Fördelar med module pattern?

Answer 13

1. Minskar risk för namnkollisioner.
   ( Kan ytterligare undvikas med as)
   Variabler, funktioner och värden kan hållas privata inom modulen.
2. Kan också användas dynamiskt, enbart importera de moduler som behövs för tillfället

Question 14

Vad är observer pattern?

Answer 14

Objekt (observers) kan ’prenumerera’ på ett annat objekt (observable). När en händelse inträffar meddelar observable alla observers.

Question 15

Vilka fyra delar brukar ett observable objekt innehålla?

Answer 15

1. Lista med observers att meddela om eventet
2. Metod för att lägga till observers
3. Metod för att ta bort observers
4. Metod för att meddela observers när eventet inträffar

Question 16

Use case för observer pattern?

Answer 16

Streams
eventbaserad asynkron data

Question 17

Fördelar med observer pattern?

Answer 17

Separation of concerns.
Single responsibility.

Question 18

Nackdelar med observer pattern?

Answer 18

Om en observable blir för komplex kan det skapa performance problem när alla observers ska meddelas.

Question 19

What is the “provider” in provider pattern?

Answer 19

A wrapper component that provides context to all its child components

Question 20

What problem does the provider pattern solve?

Answer 20

Prop drilling

Question 21

What react hooks are associated with provider pattern?

Answer 21

createContext
useContext

Question 22

Use case for provider pattern?

Answer 22

Sharing global data. Like a theme UI state.

Question 23

Cons of provider pattern?

Answer 23

Overuse can result in performance issues. All components that consume the context re-render on each state change.