React-da komponent ýakylynyň girişi

Bizde bir web sahypasy bolsun. Bu web sahypasynda biz käbir bloklary belläp bileris: header, mazmun, sahybar, futer we ş.m. Her bir blok has kiçijik bloklara bölünip bilner. Mysal üçin headerda adatça logotipi, menyuny, habarlaşmak blokyny we ş.m. belläp bileris.

React-da her şeýle blok komponent diýilýär. Her bir komponent öz içinde has kiçijik komponentleri saklap biler, olar bolsa ýene-da has kiçijik komponentleri we şeýlelikde dowam edip biler.

React-daky her bir komponent src papkasyna ýerleşdirilen ES6 modulyna gabat gelýär. Modulyň faýlynyň ady baş harp bilen ýazylmaly we şol modulyň kodunda ýerleşýän funksiýa gabat gelmeli.

Mysal üçin, App.js atly faýl öz içinde App funksiýasyny saklamaly:

import React from 'react';

function App() {
	// komponentiň kody
}

export default App;

Komponentleriň biri esasy bolmaly - galan komponentleriň goşulýan komponent. React-da bular üçin adaty bolan komponent App komponenti bolar. Bu komponente beýleki komponentler birikdiriler. Bunyň nähili amala aşyrylandygyny - biz owuw kitabynda dowam edip gözden geçireris.