Увод у компонентни приступ у React-у

Претпоставимо да имамо сајт. На том сајту можемо да издвојимо одређене блокове: заглавље, садржај, бочну траку, подножје и тако даље. Сваки блок се може поделити на мање подблокове. На пример, у заглављу се обично могу издвојити лого, мени, блок за контакте и слично.

У React-у сваки такви блок се назива компонентом. Свака компонента може садржати у себи ситније компоненте, оне заузврат још ситније и тако даље.

Свакој компоненти у React-у одговара ES6 модул, смештен у фасцикли src. Име фајла са модулом пише се великим словом и мора да одговара функцији која се налази у коду тог модула.

На пример, фајл под називом App.js треба да садржи у себи функцију App:

App.jsimport React from 'react';

function App() {
  // код компоненте
}

export default App;

Једна од компоненти мора бити главна - онај коме се додају остале компоненте. У React-у подразумевано ће та компонента бити компонента App. На ову компоненту ће се повезивати друге компоненте. Како се то ради - размотрићемо касније у уџбенику.