A Redux két alapvető elgondolása

Mielőtt elkezdenénk a Redux könyvtár tanulmányozását, ismerkedjünk meg két alapvető elgondolásával. Az első, a állapotkezelésvel kapcsolatos elgondolást egy egyszerű React számláló példáján keresztül fogjuk megvizsgálni:

function Counter() {
	// Állapot
	const [count, setCount] = useState(0)

	// Művelet:
	function clickHandler() {
		setCount(count + 1)
	}

	// Nézet:
	return (
		<div>
			<span>{count}</span>
			<button onClick={clickHandler}>+</button>
		</div>
	)
}

Ebben a kódban látjuk a count változó állapotát - ez a számláló igazság forrása. Ezután látunk egy műveletet (action) - egy eseményt, amely a felhasználó kattintására frissíti az állapotot. És végül, a nézet (view), amely segítségével megjelenítjük a felhasználói felületet.

Így a séma meglehetősen egyszerű: a gomb megnyomásra kerül - a count állapot (State) a megnyomás (Action) hatására megváltozik, következésképpen a nézet (View) is megváltozik - esetünkben ez a képernyőn látható szám.

Mindazonáltal, minden bonyolultabbá válik, ha számos komponensünk van, amelyek ugyanazt az állapotot használják. Természetesen lehetséges például az állapot felemelése szülői komponensekbe, de ez a megoldás nem mindig szünteti meg a problémát. A Redux ebben az esetben azt javasolja, hogy hozzunk létre egy helyet az alkalmazásban, amely globális állapotot tartalmaz és meghatározott viselkedési mintákat az állapot frissítésekor. Pontosan ez az első alapvető elgondolás (!).

A második elgondolás a immutabilitáshoz, azaz az adatok változatlanságához kapcsolódik. Ön biztosan emlékszik a JavaScript-ből, hogy a tömbök és objektumok megváltoztathatók. Az adatok közvetlen módosítása a Redux-ban, akárcsak más keretrendszerekben, rossz stílusnak számít és kiszámíthatatlan következményekhez vezethet. Ezért a Redux-ban az eredeti objektumainknak és tömbjeinknek változatlannak kell maradniuk, immutabilisnak, és csak másolataikat módosíthatjuk.

Mesélje el, mi az első alapvető elgondolása a Redux-nak.

Mesélje el, mi a második alapvető elgondolása a Redux-nak.