Uvod v komponentni pristop v Reactu

Recimo, da imamo spletno stran. Na tej spletni strani lahko izločimo nekatere bloke: glavo, vsebino, stransko vrstico, nogo itd. Vsak blok lahko razdelimo na manjše podbloke. Na primer, v glavi običajno lahko izločimo logotip, meni, blok stikov itd.

V Reactu se vsak tak blok imenuje komponenta. Vsaka komponenta lahko vsebuje manjše komponente, te pa posledično še manjše in tako naprej.

Vsaki komponenti v Reactu ustreza ES6 modul, ki se nahaja v mapi src. Ime datoteke z modulom se piše z veliko začetnico in mora ustrezati funkciji, ki se nahaja v kodi tega modula.

Na primer, datoteka z imenom App.js mora vsebovati funkcijo App:

import React from 'react';

function App() {
	// koda komponente
}

export default App;

Ena od komponent mora biti glavna - tista, ki ji se dodajajo ostale komponente. V Reactu bo ta komponenta po privzetem komponenta App. K tej komponenti bodo priključene druge komponente. Kako se to naredi - razložili bomo naprej v učbeniku.