Munka Redux - bevezetés
Redux alapját három fő szempontok:
- Van egy kézből az igazság az egész állam a kérelmet.
- Ez csak olvasható állapotban.
- Minden változás az állam a kérelem benyújtásától tiszta funkciókat.
Amikor együtt használják a kialakult legjobb gyakorlatok szerint a közösség, ezek az elvek lehetővé teszik létrehozását támogatta, és könnyen ellenőrizhető a kérelmet, és örömére a fejlesztők.
alapfogalmak
1. Az egyetlen forrása az igazság
Függetlenül attól, hogy a méret a kérelmet, az összes állami adatok tárolása egy objektumot. A technológia úgy irányítani egy nagy alkalmazás későbbiekben lesz szó.
2. Az állam a csak olvasható
A megjelenítési réteg soha nem közvetlenül manipulálni az állam az alkalmazás. Például a felvezető hozzá a feladat, hogy a lista nem lehet közvetlenül egy új feladat, hogy a tömbben. Ehelyett a felvezető elküldi a műveletet. mondván: „Hi, melléklet. Itt az ideje, hogy adjunk egy feladatot „Vásárlás tej” egy sor feladat. "
3. Változások készült tiszta funkciók
A funkció egyértelmű, ha mindig visszatér ugyanarra az értékre ugyanazt az érveket.
A tiszta függvényargumentumok A és B mindig vezet C. Ha a függvény eredménye nem egyértelmű, akkor kap az A és B, visszahozhatja nem csak a C és D Az eredmények azonban tiszta funkció határozza meg a paramétereket, a és semmi több. Egy tiszta funkció nincs mellékhatása, mivel azok nem teszik a hálózati kéréseket vagy lekérdezéseket adatbázisokhoz. Szintén tisztítás funkció nem módosítja az érveket átadható - ahelyett, hogy várják az eredményt, és vissza.
Folytatjuk a feladatok listáját: Funkciók „ADD_TODO” nem egy új értéket a munkát tömbben. Ebben az esetben nem lesz egyértelmű, mert módosítja a tömbben. Ehelyett a funkciót „ADD_TODO” lemásolva a tömb feladatok, egy új feladat, hogy a végén a tömb, majd vissza az új tömb, mint egy új állam a kérelmet.
A legjobb gyakorlatok
Államforma
Lapos (egyszintű) tárgyak
Meg tudjuk csinálni, hogy egy lépéssel tovább, és hozzon létre egy külön objektum index azonosítókat a problémákat. Most a feladat listában kerülnek bemutatásra formájában egy egyszerű tömb azonosítókat.
Ha úgy találja magát keresi a módját, hogy a single-level vizsgálatok JSON API tárolni az állam az alkalmazás, akkor kell használni Normalizr könyvtárban. segít, hogy JSON testvér.
Tartsuk kis lépések! Minden intézkedés tartalmaznia kell csak minimális szükséges információkat ahhoz, hogy az állam a kérelmet. Például az egyes feladatokat a kérelem tartalmazza a logikai érték befejeződött. Mivel tudjuk, hogy a mező befejeződött mindig lesznek false az új feladat, nem kell beállítani ezt a mezőt „ADD_TODO” akció.
Is reagálhatnak alkalmazások elosztott átviteli logikai létrehozni intézkedéseket a kódot reprezentációk az alkalmazás funkcióit, hogy lehet használni a különböző részein a kérelmet. Ezek a funkciók az úgynevezett tanult akciók alkotók. Úgy kell elhelyezni elkülönítve a beadványok és hajtóművek. Az alkotók a fellépés nagyon hasznos dokumentáció céljából, mivel ezek biztosítják a teljes listát az intézkedéseket, amelyek lehet, hogy az összetevők, hogy módosítsa az állam a kérelmet.
Gombot, add feladatok a Redux alkalmazás a következőképpen nézne ki, fellépés nélkül alkotók.
Ugyanez a logika alkalmazása a következő lesz, ha a munka alkotók (a példában az alkotója a kereset függvényében addTodo).
Azt észleltük, hogy a gomb hozzá a feladat nem kell tudni, hogy a következő feladat azonosítója? Ez az információ most tevékenységekben létre addTodo. amely lehetővé teszi, hogy adjunk feladatokat tárgyak más nézetek (UI elemek). További intézkedések addTodo szerző egyszerűsíti hozzáadásával „takarmány Cat” gombra. A szkript, amely az alkotó cselekvés egy lista elérhető műveletek elképzeléseinket.
Mivel a hajtóművek tisztának kell lennie, az alkotók a művelet egy jó hely egy kódot mellékhatásokat és kihívásait aszinkron funkciókat. És, mint az alkotók tetteink elválasztjuk prezentációs logikát, egyszerűsíti vizsgálata a teljes alkalmazás.
Az elején, hoztunk létre egy csökkent az ellenőrzési feladatokat az alkalmazásban:
Kombinálni mindezt, akkor hozzon létre egy gyökér szűkítő rendelkező objektumok a megfelelő hajtómű egy államban objektumot.
- Tartsa objektum állapotát testvér.
- Pass a lehető legkisebb mennyiségű adatot intézkedéseket.
- Használd az alkotók akció küldésére akciók, ahelyett, hogy hozzon létre, és küldje el közvetlenül az ábrázolások.
- A gyökér szűkítő kell állnia a kisebb fogaskerekek, amelyek szabályozzák a különböző részein a kérelem állam.
Tekintsük az alábbi tippeket a megtervezése és létrehozása alkalmazások Redux és ne veszítse el.
tesztelés
Írásban vizsgálat a Redux app elhagyja inkább egy kellemes élmény. Net fogaskerekek megértését elősegítendő, amit az eredmény kell akcióban, és a cselekvés döntéshozók megkönnyíti izolálása és vizsgálata alkalmazás logikáját, amely részt vesz a véleményét. Megyek számíthat használni a könyvtárat. de ez nem az egyetlen keretet, amelyben kiválaszthatja, hogy teszteljék a kérelmet. A dokumentáció Redux Mocha ajánlott használni, mint egy backend tesztelésre.