React'те компоненттик жакындоо киришүүсү

Биздин сайтыбыз бар деп коёлу. Бул сайтта биз кээ бир блокторду айырмалай алабыз: баш бөлүк, мазмун, каптал панели, бут бөлүк жана башкалар. Ар бир блокту кичирээк подблокторго бөлсө болот. Мисалы, баш бөлүктө, адатта, логотипти, менюну, байланыш блогу жана башкаларды бөлүп көрсөтө алабыз.

React'те ар бир мындай блок компонент деп аталат. Ар бир компонент ичинде кичирээк компоненттерди камтышы мүмкүн, ал өз кезегинде дагы кичирээк компоненттерди жана ушундай эле уланат.

React'теги ар бир компонентке src папкасында жайгашкан ES6 модулу туура келет. Модулу бар файлдын аталышы чоң тамга менен жазылат жана ошол модулдун кодунун ичинде жайгашкан функциянын аталышына дал келиши керек.

Мисал үчүн, App.js деген аталыш менен файл ичинде App функциясын камтышы керек:

import React from 'react';

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

export default App;

Компоненттердин бири негизги болушу керек - калган компоненттер кошулуучу компонент. React'те, демейки боюнча, мындай компонент App компоненти болот. Бул компонентке башка компоненттер туташтырылат. Бул кандайча жасалат - биз кийинчерээк окуу куралында карап чыгабыз.