Įvadas į komponentinį požiūrį React

Tarkime, mes turime svetainę. Šioje svetainėje galime išskirti tam tikrus blokus: viršutinę dalį (header), turinį, šoninę juostą (sidebar), apatinę dalį (footer) ir taip toliau. Kiekvieną bloką galima padalinti į mažesnius sublokius. Pavyzdžiui, viršutinėje dalyje paprastai galima išskirti logotipą, meniu, kontaktų bloką ir pan.

React kiekvienas toks blokas vadinamas komponentu. Kiekvienas komponentas gali savyje turėti mažesnius komponentus, tie savo ruožtu dar mažesnius ir taip toliau.

Kiekvieną komponentą React atitinka ES6 modulis, esantis src aplankale. Failo su moduliu pavadinimas rašomas didžiąja raide ir turi atitikti funkciją, kuri yra šio modulio kode.

Pavyzdžiui, failas pavadinimu App.js turi savyje turėti funkciją App:

import React from 'react';

function App() {
	// komponento kodas
}

export default App;

Vienas iš komponentų turi būti pagrindinis - tas, prie kurio pridedami kiti komponentai. React pagal nutylėjimą toks komponentas bus komponentas App. Prie šio komponento bus prijungiami kiti komponentai. Kaip tai daroma - mes išnagrinėsime vėliau vadovėlyje.