React js reja: React jsni o’rnatish React js kompanentlari React jsda ilova

React js
REJA:

1. 
   React jsni o’rnatish
   
2. 
   React js kompanentlari
   
3. 
   React jsda ilova
   

React kutubxonasini o’rganishni boshladim va kimgadir asqotib qolishi uchun o’rganish jarayonini post sifatida joylashtirib boraman.

React o’zi nima?
Bu – foydalanuvchi interfeyslarini yasash uchun mo’ljallangan Javascript kutubxonasi. U Facebook, Instagram va individual dasturchilar tomonidan qo’llab-quvvatlab turiladi.
Kutubxona dasturchilarga ma’lumotlarni yetkazib beruvchi va sahifani yangilamagan holda o’zgartiruvchi veb-ilovalar yasashda qo’l keladi. Uning asosiy maqsadi tezlik, oddiylik va moslashuvchanlikdir. Ilovalarda kutubxona faqatgina foydalanuvchi interfeyslarini ishlab chiqishda qo’l keladi va boshqa Javascript kutubxonalari bilan birga ishlatilishi mumkin.
O’rnatishga talablar:

1. 
   React Javascript kutubxona bo’lgani uchun uni boshlashdan avval Javascriptni bilishingiz talab etiladi. https://reactjs.org/ – bu yerda kod sintaksisi va ba’zi misollarni ko’rib chiqishingiz mumkin.
   
2. 
   Kompyuterda Nodejsning ohirgi versiyalaridan biri o’rnatilgan bo’lishi kerak. Maqola yozilayotgan paytda so’nggi versiya Node 8.9.4 edi. Qanday qilib o’rnatish: http://dasturchilar.uz/posts.php?id=207
   
3. 
   Node package manager (NPM)ni o’rnatish – buni alohida o’rnatishning keragi yo’q, npm shundoq ham node ichida keladi. npm versiyasi eskiroq bo’lsa, uni quyidagi buyruq bilan yangilash mumkin:
   

1	npm install npm@latest -g

4. 
   Ingliz tilini o’qib tushuna oladigan darajada bilish 
   

Reactni o’rnatish
Create React App yangi ilova yaratish uchun eng qulay vosita bo’lib, sizga fayl strukturasini tayyorlab beradi. Uni o’rnatish uchun quyidagi buyruqni ishlating:

1	npm install -g create-react-app

Dastur strukturasini yaratish uchun:

1	create-react-app my-app

Bunda fayllardan iborat my-app nomli papka yaratiladi. Keyin papkani ichiga kirib, dasturni ishga tushiramiz:

1 2	cd my-app npm start

Hammasi to’g’ri ishlagan bo’lsa, brauzerda http://localhost:3000 ochilishi va «Welcome» yozuvi ko’rinishi kerak:
React o’rnatildi
Hello world
Eng oddiy misol quyidagicha bo’ladi:

1 2 3 4

ReactDOM.render(