Utangulizi wa Mbinu ya Sehemu za Mtandao katika React

Hebu tuchukue kuwa tuna tovuti. Katika tovuti hii tunaweza kubainisha vitalu fulani: kichwa, yaliyomo, upau wa upande, kijiko cha chini na kadhalika. Kila kituz kinaweza kugawanyika katika vitalu vidogo zaidi. Kwa mfano katika kichwa kwa kawaida huweza kubainisha nembo, menyu, kizuizi cha mawasiliano na kadhalika.

Katika React kila kituz kama hicho kinaitwa sehemu ya mtandao. Kila sehemu ya mtandao inaweza kuwa na ndani yake sehemu ndogo zaidi za mtandao, hizo zenyewe bado ndogo zaidi na kadhalika.

Kila sehemu ya mtandao katika React inalingana na moduli ya ES6, iliyoko katika folda src. Jina la faili lenye moduli limeandikwa kwa herufi kubwa na linapaswa kufanana na kitendakazi ambacho kiko katika msimbo wa moduli hiyo.

Kwa mfano, faili yenye jina App.js inapaswa kuwa na ndani yake kitendakazi App:

import React from 'react';

function App() {
	// msimbo wa sehemu ya mtandao
}

export default App;

Moja ya sehemu za mtandao inapaswa kuwa kuu - ile ambayo huongezewa sehemu zingine za mtandao. Katika React kwa chaguo-msingi sehemu ya mtandao kama hiyo itakuwa sehemu ya mtandao App. Kwa sehemu hii ya mtandao sehemu zingine za mtandao zitaunganishwa. Jinsi hii inavyofanyika - tutachambua zaidi katika mwongozo huu.