Redux-däki iki esasy ideýa

Redux kitaphanasyny öwrenmäge başlamanka, ondaky iki esasy ideýa bilen tanşalyň. Birinji ideýany, ýagdaýy dolandyrmak bilen baglanyşyklydyr, biz React-däki adaty sanawçy görnüşinde ýagdaýda görkezeris:

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

	// Action:
	function clickHandler() {
		setCount(count + 1)
	}

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

Bu kodynda biz count üçin ýagdaýy görýäris - bu sanawçy üçin hakykat çeşmesidir. Soňra biz hereket (action) görýäris - ulanyjy tyklamagy netijesinde ýagdaýy täzeleýän wakadır. We ahyrsoňy, görnüş (view), onyň üsti bilen biz ulanyjy interfeýsini görkezýäris.

Şeýlelikde shema örän ýönekeý: düwmä tyklanylýar - count ýagdaýy (State) tyklama (Action) bilen üýtgeýär, netijede görnüş (View) üýtgeýär - bizim ýagdaýymyzda ekrandaky san.

Emma, eger birwagtda bir ýagdaýy ulanyp biljek köp komponentlerimiz bolsa, işler kynlaşar. Elbetde, meselem, ýagdaýy ýokary götermek mümkin, ýöne bu çözgüt hemişe problemadan halas etmeýär. Redux bu ýagdaýda bizden programmada bir ýeri döretmegi teklip edýär, ýagny global ýagdaýy saklaýan we bu ýagdaýy täzeleýän wagty kesgitli özgeriş şablonlaryny. Hakykatdanam bu birinji esasy ideýadyr (!).

Ikinji ideýa dürli üýtgewsizlik bilen baglanyşyklydyr, ýagny maglumatlaryň üýtgemeýänligi. Şübesiz, JavaScript-dän ýatlaýyňyz, massiwleri we obýektleri üýtgedip bolýar. Maglumatlary gönüden-göni üýtgetmek Redux-da, beýleki freýmworkler ýaly, ýaramaz dereje hasaplanylýar we görkezilmeýän netijelere getirip biler. Şonuň üçin Redux-da başlangyç obýektlerimiz we massiwlerimiz dürli üýtgewsiz bolmaly, üýtgedip bolýan diňe onuň göçürmeleri.

Redux-yň birinji esasy ideýasynyň nämeden ybaratdygyny düşündiriň.

Redux-yň ikinji esasy ideýasynyň nämeden ybaratdygyny düşündiriň.