Uvod u komponentni pristup u Reactu

Neka imamo sajt. Na ovom sajtu možemo izdvojiti određene blokove: hedere, sadržaj, saјdbare, futere i tako dalje. Svaki blok se može podeliti na manje podblokove. Na primer, u hederu se obično mogu izdvojiti logo, meni, blok za kontakte i tako dalje.

U React-u se svaki takav blok naziva komponentom. Svaka komponenta može sadržati u sebi manje komponente, one zauzvrat još manje i tako dalje.

Svakoj komponenti u React-u odgovara ES6 modul, smešten u folderu src. Naziv fajla sa modulom piše se velikim slovom i mora odgovarati funkciji koja se nalazi u kodu tog modula.

Na primer, fajl nazvan App.js treba da sadrži unutar sebe funkciju App:

import React from 'react';

function App() {
	// kod komponente
}

export default App;

Jedna od komponenti mora biti glavna - ona kojoj se dodaju ostale komponente. U React-u podrazumevano će takva komponenta biti komponenta App. Ovoj komponenti će se povezivati druge komponente. Kako se to radi - razmotrićemo dalje u udžbeniku.