Ievads komponenšu pieejā React

Pieņemsim, ka mums ir vietne. Šajā vietnē mēs varam izdalīt noteiktus blokus: galveni, saturu, sānjoslu, kājenni un tā tālāk. Katru bloku var sadalīt mazākos apakšblokos. Piemēram, galvenē parasti var izdalīt logotipu, izvēlni, kontaktu bloku un tā tālāk.

React katrs šāds bloks tiek saukts par komponenti. Katrs komponents var saturēt sevī mazākas komponentes, tās savukārt vēl mazākas un tā tālāk.

Katram komponentam React atbilst ES6 modulis, kas atrodas mapē src. Faila nosaukums ar moduli tiek rakstīts ar lielo burtu un jāatbilst funkcijai, kas atrodas šī moduļa kodā.

Piemēram, fails ar nosaukumu App.js iekšpusē jāsatur funkciju App:

import React from 'react';

function App() {
	// komponenta kods
}

export default App;

Vienam no komponentiem jābūt galvenajam - tam, kuram pievieno pārējos komponentus. React pēc noklusējuma šāds komponents būs komponents App. Šim komponentam tiks pievienoti citi komponenti. Kā tas tiek darīts - mēs apskatīsim tālāk mācību grāmatā.