React гэж нэрлэдэг ReactJS нь хэрэглэгчийн интерфэйсийг бий болгох алдартай JavaScript сан юм. Үүнийг front-end JavaScript library гэж нэрлэдэг. Энэ нь Facebook-ээр боловсруулагдсан бөгөөд динамик, интерактив вэб програмуудыг бий болгоход өргөн хэрэглэгддэг. Энэ нийтлэлд бид React-ийн гол ойлголтуудыг судлах болно.
What is React ?
React нь вэб дээр хэрэглэгчийн интерфейс (UIs) бүтээх JavaScript сан юм. React бол зарлагч, бүрэлдэхүүн хэсэгт суурилсан номын сан бөгөөд хөгжүүлэгчдэд дахин ашиглах боломжтой UI бүрэлдэхүүн хэсгүүдийг бий болгох боломжийг олгодог бөгөөд Dom шинэчлэлтийг багасгах замаар гүйцэтгэлийг оновчтой болгодог виртуал DOM (Document Object Model) аргыг баримталдаг. React нь хурдан бөгөөд бусад хэрэгсэл, сангуудтай сайн ажилладаг.
History of React
- React-ийг уламжлалт DOM slow-ийг олсон Facebook хөгжүүлэгчид зохион бүтээжээ. Виртуал DOM-ийг хэрэгжүүлснээр React энэ асуудлыг шийдэж, хурдан нэр хүндтэй болсон.
- ReactJS-ийн одоогийн тогтвортой хувилбар нь 18.2.0 бөгөөд 2022 оны 6-р сарын 14-нд гарсан. Номын сан нь хувьсан өөрчлөгдөж, шинэчлэлт бүрт шинэ боломжуудыг нэвтрүүлж байна.
How does React work?
React нь хөтчийн DOM-г шууд удирдахын оронд in-memory virtual DOM үүсгэх замаар ажилладаг. Энэ нь бодит хөтөч DOM өөрчлөлтийг хэрэглэхээс өмнө энэ виртуал төлөөлөл дотор шаардлагатай залалт хийдэг. React нь үр дүнтэй бөгөөд зөвхөн өөрчлөлт хийх шаардлагатай зүйлийг өөрчилдөг.
Features of React
React нь JavaScript-ийн хамгийн эрэлт хэрэгцээтэй сангуудын нэг юм, учир нь энэ нь олон тооны функцээр тоноглогдсон тул илүү хурдан, үйлдвэрлэлд бэлэн болгодог. Доорх нь React-ийн цөөн хэдэн онцлог шинж чанарууд юм.
1. Component-Based Architecture
React нь UI-г жижиг, бие даасан бүрэлдэхүүн хэсгүүдэд задлах боломжийг олгодог. Бүрэлдэхүүн хэсэг бүр өөрийн төлөв байдал, тулгууртай байж болно.
2. JSX (JavaScript Syntax Extension)
JSX нь Javascript-ийн синтаксийн өргөтгөл бөгөөд хөгжүүлэгчид JavaScript файл дотроо HTML-тэй төстэй код бичих боломжийг олгодог. Энэ нь React компонентуудыг илүү уншигдах, илэрхийлэлтэй болгодог.
3. Virtual DOM
React нь санах ой дахь бодит DOM-ийн хөнгөн дүрслэлийг хадгалдаг. Өөрчлөлт гарах үед react нь зөвхөн домэйны шаардлагатай хэсгүүдийг үр дүнтэй шинэчилдэг.
