React necə işləyir?

React istifadəçi interfeysleri yaratmaq üçün JavaScript kitabxanasıdır.

React-in əsas prinsipləri və mexanizmləri aşağıdakılardır:

1. Komponent yanaşması: İstifadəçi interfeysi müstəqil və yenidən istifadə oluna bilən komponentlərə bölünür. Hər bir komponentin vəziyyəti (state) və xüsusiyyətləri (props) var, bunlar onun davranışını və görünüşünü müəyyən edir.

2. Virtual DOM: React yaddaşda DOM ağacının yüngül bir nümayişini (virtual DOM) yaradır. Məlumatlar dəyişdikdə (vəziyyət və ya xüsusiyyətlər), React yeni virtual DOM ağacı qurur.

3. Ağacların müqayisə algoritmi (Diffing): React yeni virtual DOM ağacını əvvəlki ilə müqayisə edir. Bu proses "diffing" adlanır. Algoritm ağaclar arasındakı fərqləri sürətlə tapır.

4. Reconcilation (Uyğunlaşdırma): Tapılan fərqlərə əsaslanaraq, React real DOM-u yeniləmək üçün ən kiçik əməliyyatlar toplusunu hesablayır.

5. Həqiqi DOM-un yenilənməsi: React bu ən kiçik dəyişiklikləri həqiqi DOM-a tətbiq edir, bu da DOM manipulyasiyasının baha başa gələn əməliyyatlarını minimallaşdırır və performansı artırır.

6. Yönəldilmiş məlumat axını: React-də məlumatlar adətən yuxarıdan aşağıya, valideyn komponentlərdən uşaqlara, props vasitəsilə ötürülür. Bu, dəyişikliklərin izlənməsini və debugging-i asanlaşdırır.

7. JSX: JavaScript sintaksisinin genişləndirilməsi olub, UI strukturunu HTML-ə bənzər sintaksis istifadə edərək birbaşa JavaScript daxilində təsvir etməyə imkan verir. JSX React-in React.createElement kimi funksiyalar çağırışlarına çevrilir.

// Sadə React komponent nümunəsi
function WelcomeMessage(props) {
  return <h1>Salaam, {props.name}!</h1>;
}

// Komponentin istifadəsi
const element = <WelcomeMessage name="Dünya" />;