Hogyan lehet megkönnyíteni a bonyolult problémákat bontással és komponálással

A BookAuthority a Discover Functional JavaScript- et az egyik legjobb új funkcionális programozási könyvnek nevezte el !

A bonyolultság kezelésének természetes módja az, hogy apróbb darabokra bontjuk, majd mindent újra összerakunk.

Ez kétlépéses folyamat:

  • bontsa a problémát kisebb részekre
  • állítsa össze az apró alkatrészeket a probléma megoldása érdekében

Kisebb részekben bomlunk, mert könnyebben érthetőek és megvalósíthatók. A kisebb részek párhuzamosan fejleszthetők.

A bomlás folyamata a felelősségek kiosztásáról és a nevek megadásáról szól. Ez megkönnyíti a beszélgetést és az érvelést. Miután azonosítottunk egy felelősséget, újra felhasználhatjuk.

A kompozíció arról szól, hogy a kis részeket összekapcsoljuk, és kapcsolatot teremtsünk közöttük. Döntenénk e darabok kommunikációjának módjáról, végrehajtásuk sorrendjéről és arról, hogy az adatok hogyan áramlanak közöttük.

Egy rendszert nehéz megérteni, még akkor is, ha kisebb részekre van felosztva, ha ezek a részek között sok a kapcsolat. A rendszer könnyebb megértése érdekében minimalizálnunk kell a részei közötti lehetséges kapcsolatok számát.

Tárgybontás

Az objektumok nem csak az állapot és a viselkedés működnek együtt. A tárgyak felelősséggel járó dolgok.

Bomlik

A Háromrétegű alkalmazás létrehozása a React alkalmazásban tennivalók listáját alkalmazom, és felosztom a feladatokat a következő objektumok között:

  • TodoDataService : felelős a Todo API szerverrel folytatott kommunikációért
  • UserDataService : felelős a szerver felhasználói API-val folytatott kommunikációért.
  • TodoStore: a domain-tár a feladatok kezeléséhez. Ez az egyetlen igazságforrás a tennivalókkal kapcsolatban.
  • UserStore : a domainek tárolása a felhasználók kezeléséhez.
  • TodoListContainer : a gyökértároló összetevő, amely a teendők listáját jeleníti meg.

Mint láthatja, bomláskor felelősségeket jelölök ki és neveket adok.

Összeállít

Ezután egyetlen funkcióban állítom össze őket. Ez az a hely, ahol minden objektum létrehozásra kerül, és a függőségeket injektálják. Kompozíciós gyökérnek hívják.

Fedezze fel a funkcionális JavaScript- et nevezték el az egyika BookAuthority legjobb új funkcionális programozási könyvei !

Ha többet szeretne megtudni a funkcionális programozási technikák alkalmazásáról a React-ben, tekintse meg a Functional React cikket .

Tanulja meg a funkcionális React projekt alapú módon, a React és Redux funkciós architektúrával .

Kövesse a Twitteren