Вовед во компонентниот пристап во React

Нека имаме веб-сајт. На овој веб-сајт можеме да истакнеме одредени блокови: header, содржина, sidebar, footer и така натаму. Секој блок може да се подели на помали подблокови. На пример, во header-от обично може да се истакнат логото, менито, блокот со контакти и така натаму.

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

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

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

import React from 'react';

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

export default App;

Една од компонентите мора да е главна - онаа на која се додаваат останатите компоненти. Во React по стандард таква компонента ќе биде компонентата App. На оваа компонента ќе се поврзуваат други компоненти. Како тоа се прави - ќе го разгледаме подоцна во учебникот.