კომპონენტურ მიდგომაში შესავალი React-ში

დავუშვათ, გვაქვს საიტი. ამ საიტზე ჩვენ შეგვიძლია გამოვყოთ გარკვეული ბლოკები: ჰედერი, კონტენტი, საიდბარი, ფუტერი და ა.შ. თითოეული ბლოკის დაყოფა შეიძლება უფრო მცირე ქვებლოკებად. მაგალითად, ჰედერში ჩვეულებრივ შეიძლება გამოვყოთ ლოგოტიპი, მენიუ, კონტაქტების ბლოკი და ა.შ.

React-ში თითოეულ ასეთ ბლოკს ეწოდება კომპონენტი. თითოეული კომპონენტი შეიძლება შეიცავდეს თავის თავში უფრო მცირე კომპონენტებს, ისინი თავის მხრივ კიდევ უფრო მცირეებს და ა.შ.

React-ში თითოეულ კომპონენტს შეესაბამება ES6 მოდული, რომელიც მდებარეობს src საქაღალდეში. მოდულის ფაილის სახელი იწერება დიდი ასოთი და უნდა შეესაბამებოდეს იმ ფუნქციას, რომელიც მოთავსებულია ამ მოდულის კოდში.

მაგალითად, App.js სახელის ფაილი უნდა შეიცავდეს თავის თავში App ფუნქციას:

import React from 'react';

function App() {
	// კომპონენტის კოდი
}

export default App;

ერთ-ერთი კომპონენტი უნდა იყოს მთავარი - ის, რომელსაც ემატება დანარჩენი კომპონენტები. React-ში ნაგულისხმევად ასეთი კომპონენტი იქნება App კომპონენტი. ამ კომპონენტს დაერთვის სხვა კომპონენტები. როგორ ხდება ეს - ჩვენ განვიხილავთ შემდგომ სახელმძღვანელოში.