React-da Komponent Yanasmasina Giriş

Tutaq ki, bizim bir saytımız var. Bu saytda biz müəyyən blokları seçə bilərik: header, məzmun, yan panel, footer və s. Hər bir blok daha kiçik alt-bloklara bölünə bilər. Məsələn, header-da adətən loqotipi, menyunu, əlaqə blokunu və s. seçmək olar.

React-da hər bir belə blok komponent adlanır. Hər bir komponent özündə daha kiçik komponentlər ehtiva edə bilər, onlar da öz növbəsində daha kiçiklərini və s.

React-da hər bir komponentə src qovluğunda yerləşən ES6 modulu uyğun gəlir. Modul faylının adı böyük hərflə yazılır və həmin faylın kodunda yerləşən funksiyanın adına uyğun olmalıdır.

Məsələn, App.js adlı fayl öz daxilində App funksiyasını ehtiva etməlidir:

import React from 'react';

function App() {
	// komponentin kodu
}

export default App;

Komponentlərdən biri əsas olmalıdır - digər komponentlərin əlavə olunduğu komponent. React-da standart olaraq belə komponent App komponenti olacaq. Bu komponentə digər komponentlər qoşulacaq. Bunun necə edildiyini biz daha sonra dərslikdə nəzərdən keçirəcəyik.