Nega Reactjs-ni o'rganing?

Ushbu JSX ifodasi DOMga berilganda, o'rnatilgan JavaScript ifodasi baholanadi va teg 100mazmuni sifatida ko'rsatiladi.

Virtual uy

• React Virtual DOM-dan foydalanadi, uni DOM loyihasi sifatida ko'rish mumkin. React elementlariga har qanday o'zgartirish kiritilganda, Virtual DOM yangilanadi. Virtual DOM u va DOM o'rtasidagi farqlarni topadi va faqat o'zgargan DOM elementlarini qayta ko'rsatadi. Bu butun DOMni yangilashdan ko'ra Virtual DOMni tezroq va samaraliroq qiladi.

render()Usul

• class MyComponent extends React.Component { render() { return

  Hello from the render method!

  ; } }
• Reaktsiya sinfi komponentlarida render()metod bo'lishi kerak. Bu usul JSX bilan yaratilgan ba'zi React elementlarini qaytarishi kerak.

Reaksiya komponentining asosiy klassi

• class MyComponent extends React.Component { render() { return

  Hello world!

  ; } }

React.ComponentReaktsiya sinfi komponentlari asosiy sinfdan meros bo'lishi va render()usulga ega bo'lishi kerak. Bundan tashqari, ular odatiy JavaScript sinfi sintaksisiga rioya qilishadi.

Ushbu misol oddiy React sinf komponentini ko'rsatadi.

Reaksiyani import qilish

• import React from 'react';
• React-dan foydalanish uchun avvalo React kutubxonasini import qilishimiz kerak. Kutubxonani import qilganimizda, u React ishlashi uchun zarur bo'lgan xususiyatlarni, jumladan JSX va maxsus komponentlarni yaratishni o'z ichiga olgan ob'ektni yaratadi.

Reaktsiya komponentlari

• import React from 'react'; function MyFunctionComponent() { return

  Hello from a function component!

  ; } class MyClassComponent extends React.Component { render() { return

  Hello from a class component!

  ; } }
• React komponenti veb-ilova interfeysining bir qismining ko'rinishi, xatti-harakati va holatini aniqlash uchun ishlatiladigan qayta ishlatiladigan kod qismidir. Komponentlar funksiyalar yoki sinflar sifatida aniqlanadi. Komponentni zavod sifatida ishlatib, cheksiz ko'p komponent namunalarini yaratish mumkin.