React чӣ гуна кор мекунад?

React — китобхонаест барои JavaScript барои эҷоди интерфейсҳои корбар.

Принципҳо ва механизмҳои асосии React иборатанд аз:

1. Равиш асосёфта ба компонентҳо: Интерфейси корбар ба компонентҳои мустақил ва такроршаванда тақсим мешавад. Ҳар як компонент дорои ҳолат (state) ва хосиятҳо (props) мебошад, ки рафтор ва намуди онро муайян мекунанд.

2. DOM виртуалӣ: React нусхаи сабук аз дарахти DOM-ро дар хотира (DOM виртуалӣ) месозад. Вақте маълумотҳо тағйир меёбанд (ҳолат ё хосиятҳо), React дарахти навро месозад.

3. Алгоритми муқоиса кардани дарахтҳо (Diffing): React дарахти навро бо дарахти қаблӣ муқоиса мекунад. Ин равиш "diffing" ном дорад. Алгоритм зуд фарқиятҳоро байни дарахтҳо пайдо мекунад.

4. Reconcilation (Ҳамоҳангсозӣ): Бар асоси фарқиятҳо, React минималии амалҳоро ҳисоб мекунад, ки барои навсозии DOM воқеӣ заруранд.

5. Навсозии DOM воқеӣ: React ин тағйиротро ба DOM воқеӣ татбиқ мекунад, ки хароҷоти ислоҳоти DOM-ро кам мекунад ва самаранокиро баланд мебардорад.

6. Таъсири маълумот дар як самт: Маълумот дар React одатан аз боло ба поён, аз компонентҳои падар ба фарзанд, тавассути props, интиқол дода мешавад. Ин кӯмак мекунад, ки тағйиротҳоро пайгирӣ кардан ва хатоҳоро ислоҳ кардан осон шавад.

7. JSX: Таъсири синтаксиси JavaScript, ки имкон медиҳад, ки сохтори UI-ро бо истифода аз синтаксисе, монанди HTML, мустақиман дар кодҳои JavaScript тасвир кард. JSX ба фармонҳои оддӣ дар React (масалан, React.createElement) таҳрир мешавад.

// Мисоли компоненти оддӣ дар React
function WelcomeMessage(props) {
  return <h1>Салом, {props.name}!</h1>;
}

// Истифодаи компонент
const element = <WelcomeMessage name="Дунё" />;