Summary

Bugungi zamonaviy web saytlarda ishlatiluvchi SPA(Single Page Application) nimaligi haqida tanishib chiqamiz.

Category

Interview

JavaScript

React.js

Cover

Slug

what-is-single-page-application

Date

‣

author

Published

Published

SPA ning Asosiy Xususiyatlari

1. Bitta HTML Sahifa:
• SPA ning barcha kontenti va foydalanuvchi interfeysi bir bitta HTML sahifasida joylashgan bo'ladi. Sahifaning dinamik qismlari JavaScript orqali boshqariladi.

2. JavaScript orqali Dinamik Yuklash:
• Sahifa dastlabki yuklanishida minimal HTML va JavaScript kodlari yuklanadi. Keyinchalik, foydalanuvchi harakatlariga javoban, JavaScript orqali yangi ma'lumotlar serverdan olinadi va DOM yangilanadi.

3. AJAX va Fetch API:
• SPA lar odatda AJAX (Asynchronous JavaScript and XML) yoki Fetch API orqali serverdan ma'lumotlarni asinxron ravishda olishadi. Bu foydalanuvchi interfeysini yangilash va yangi ma'lumotlarni yuklash imkonini beradi.

4. Routing:
• SPA larda routing (yo'nalishlarni boshqarish) JavaScript tomonidan amalga oshiriladi. URL o'zgarganda, JavaScript orqali sahifaning kerakli qismi yangilanadi, lekin to'liq sahifa qayta yuklanmaydi. Buning uchun kutubxonalar yoki frameworklar (masalan, React Router) ishlatiladi.

5. Tezkor Foydalanuvchi Tajribasi:
• SPA lar tezroq ishlaydi, chunki sahifalar to'liq qayta yuklanmaydi va foydalanuvchi tajribasi yaxshilanadi. Foydalanuvchi interfeysi tezkor ravishda yangilanadi va interaktivlikni oshiradi.

6. Holatni Boshqarish:
• SPA lar dastur holatini boshqarish uchun holat boshqarish kutubxonalari (masalan, Redux, MobX) ishlatadi. Bu holatlarni markazlashtirilgan tarzda saqlash va boshqarish imkonini beradi.

SPA ning Afzalliklari

• Tezroq Yuklanish: Sahifalar to'liq qayta yuklanmaydi, faqat zarur qismlar yangilanadi, bu esa tezroq yuklanishni ta'minlaydi.

• Samarali Interaktivlik: Foydalanuvchi interfeysi dinamik va real vaqt rejimida yangilanadi, bu esa yaxshilangan interaktivlikni ta'minlaydi.

• Yaxshi Foydalanuvchi Tajribasi: Tez-tez qayta yuklanadigan sahifalar o'rniga, foydalanuvchilar bir sahifada qoladilar va tezkor ravishda harakatlanadilar.

SPA ning Kamchiliklari

• SEO (Search Engine Optimization): SPA larning SEO optimallashtirish qiyinroq bo'lishi mumkin, chunki barcha ma'lumotlar JavaScript orqali yuklanadi va ba'zi qidiruv tizimlari JavaScript-ni to'liq bajarishmaydi.

• JavaScriptga Bog'liqlik: SPA ning ishlashi to'liq JavaScriptga bog'liq bo'ladi. Agar JavaScript xatolik yuz bersa, foydalanuvchi interfeysi ishlamasligi mumkin.

• Birinchi Yuklanish: Birinchi sahifa yuklanishi uzoqroq bo'lishi mumkin, chunki barcha zarur JavaScript va boshqa resurslar dastlabki yuklashda o'z ichiga olinadi.