Node js nima?

Agenda

Node js nima?
Node js o’rnatish
Npm nima?
SPA (single page application)
React nima?
Create-react-app
React file structure

Node.js nima?

Node.js – bu JavaScript dasturlash tilida yozilgan server tomonidan ishlatiladigan bir platforma va tarmoqlar uchun tizimdir. Uning asosiy maqsadi tarmoq va server ishlarini osonlashtirish va yaxshilashdir.
Javascriptni serveda ishlatib berish uchun bir tizim deb tushunsak ham bo’ladi.

Node.js o’rnatish

https://www.youtube.com/watch?v=hJj2rj-nzuw

NPM nima?

Node package manager .
Package – Librarylarni kodlari, fayllari. Misol uchun bootstrap, sass, tailwind…
npm install package-nomi - o’rnatadi
npm update – loyihadagi barcha packagelarni yangilaydi.
npm update package-nomi
npm uninstall package-nomi - o’chiradi.

SPA nima?

Single page application – Bitta sahifada dasturlanadigan web loyihalarga aytiladi. Bunda har bir sahifa uchun alohida page ochilish o’rniga bitta sahifada almashadi hammasi.
SPA-da foydalanuvchi birinchi marta sahifaga kirganida, HTML, CSS va JavaScript-ning asosiy qismlari bir marta yuklanadi. Keyin ilova AJAX va boshqa texnologiyalar yordamida ma'lumotlarni so'raydi va sahifani dinamik ravishda yangilaydi. Bu, har bir harakat uchun to'liq sahifani qayta yuklashni kutish kerak emasligi tufayli, tezroq ishlaydi.

SPA nima?

React nima?

Dynamic va tez, SPA loyihalar qurish uchun mashxur Javascript kutubxonasi hisoblanadi.
Facebook tomonidan 2013 yil Mayda ommaga tadqim etilgan.

React loyiha o’rnatish

npx create-react-app loyiha-nomi
cd loyiha-nomi
npm start loyihani localhostda ochish

React file strukturasi

node modules – package orqali o’rnatilgan barcha kodlar saqlanadi
Public – Bu fayli Ichida asosiy public ma’lumotlar saqlanadi, svg rasm, favicon bo’lishi mumkin.
Src- dasturimizning asosiy source kodlari saqlanadi.

Components

Komponentlar – React component based hisobalandi. Bu degani reactda hamma narsa component. Shu komponentlar ustiga loyihani qurasiz.

Reactni afzalliklari

Declarative – Kod yozish va natija olish oson
Component based architecture – komponentlarga asoslangan
Virtual DOM – Reactni react qilgan shu. Tez ishlashiga eng katta sabab ham shu aslida.