Hyrje në Qasjen Komponentale në React

Le të themi se kemi një faqe interneti. Në këtë faqe mund të veçojmë disa blloqe: header, përmbajtja, sidebar, footer dhe kështu me radhë. Çdo bllok mund të ndahet në nënblloqe më të vogla. Për shembull, në header zakonisht mund të veçohet logotipi, menuja, blloku i kontakteve etj.

Në React, çdo bllok i tillë quhet komponent. Çdo komponent mund të përmbajë në vetvete komponentë më të vegjël, ata nga ana e tyre edhe më të vegjël e kështu me radhë.

Çdo komponenti në React i përgjigjet një moduli ES6, i vendosur në dosjen src. Emri i skedarit me modulin shkruhet me shkronjë të madhe dhe duhet të përputhet me funksionin që ndodhet në kodin e atij moduli.

Për shembull, skedari me emrin App.js duhet të përmbajë brenda vetes funksionin App:

import React from 'react';

function App() {
	// kodi i komponentit
}

export default App;

Një nga komponentët duhet të jetë kryesor - ai të cilit i shtohen komponentët e tjerë. Në React si parazgjedhje, ky komponent do të jetë komponenti App. Këtij komponenti do të lidhen komponentë të tjerë. Si bëhet kjo - do ta shqyrtojmë më vonë në tutorial.