Napomena: Sljedeći članak će vam pomoći: Može li se Astro natjecati s Next.js-om i postati sljedeći veliki okvir?
Programeri su upali u petlju problem-rješenje. Postoji kontinuirani napor da se riješi jedan ili drugi problem u zajednici programera. Ironično, sada ima toliko rješenja da postoji potreba za još jednim rješenjem za postojeća.
Isti se problem pojavio u razvoju web stranica. Krajnji korisnici vole web stranice koje se brzo učitavaju. Ali programeri ih vole graditi s velikim teškim okvirima. Ključ boljeg učinka je korištenje manje JavaScripta.
Astro omogućuje korisnicima da izgrade web mjesto sa svojim omiljenim okvirom ili multi-okvirima u isto vrijeme i prikazuje ih na vrijeme izrade statičnog html-a. Ima drugačiji pristup od postojećih obrazaca prikazivanja koje koriste mnogi drugi okviri kao što su Gatsby, Next.js, Remix.run i drugi.
Astro web stranice su potpuno statične, bez ikakvog JavaScript kodiranja. Kada neka komponenta (na primjer, karuseli slika, tamni i svijetli način rada) zahtijeva JavaScript kod za pokretanje, Astro samo učitava tu komponentu i sve potrebne ovisnosti. Ostale komponente stranice ostaju statični lagani HTML. Vodič za početak iz Astra izvrsna je uputa za upoznavanje s Astrom.
Dok su drugi okviri kao što su Angular, Svelte i Vue fokusirani na razvoj dinamičkih web stranica, Astro je uspio pronaći ono što je najbolje između statičnih i dinamičkih web stranica.
Rješenje ključnih problema na web stranicama
Upravljanje hidratacijom jedan je od glavnih problema na web stranicama.
Statičke web-stranice su hidratizirane prije nego što korisnik može stupiti u interakciju s njima, što smanjuje učinkovitost. Što dulje traje proces hidratacije, korisnici dulje moraju čekati na interakciju s web-stranicom ili internetskom aplikacijom.
Astro rješava ovaj problem učitavanjem određenih komponenti stranice po potrebi i ostavljanjem ostatka stranice kao statičnog HTML-a. To je poznato kao djelomična hidratacija. Web-mjesta stvorena Astro-om prema zadanim su postavkama statična. To jest, ne bi se služio JS; umjesto toga, svi JS-ovi bi bili uklonjeni tijekom procesa.
Budući da korisnici ne moraju čekati da se učita cijela stranica prije interakcije s web stranicom, proces djelomične hidratacije ključan je za brže učitavanje Island arhitekture od arhitekture aplikacije s jednom stranom. Dizajn otoka omogućuje učitavanje komponenti neovisno jedna o drugoj i renderiranje u izolaciji.
Uz dijeljenje koda, potrebna je minimalna količina JavaScripta za rutu dok se preostale komponente lijeno učitavaju. Astro podržava dijeljenje koda prema zadanim postavkama; oni to čine na temelju ruta stranica. Dodatno, uključuje usmjeravanje koje se može koristiti za stvaranje novih stranica.
Nakon Beta izdanja, Astro je odmah najavio eksperimentalnu podršku za renderiranje na strani poslužitelja (SSR). Ovo je ključno budući da se aplikacije na strani poslužitelja prikazuju brže i prirodno su prilagođene SEO-u.
Podijeljena mišljenja
Nekoliko programera vjeruje da bi Astro mogao potpuno promijeniti način na koji se izrađuju web stranice, osobito one koje ne koriste mnogo javascripta na strani klijenta. Izvedba bi prema zadanim postavkama bila izvrsna u takvoj konfiguraciji, a zahvaljujući sustavu za izradu predložaka i mogućnostima sličnim MDX-u, održavanje baze koda bilo bi dovoljno jednostavno za sve—čak i za korisnike koji nisu upoznati s bibliotekama na strani klijenta.
Međutim, mnogi drugi vjeruju da Astro možda nije zamjena za sve okvire. Najvjerojatnije će koegzistirati s drugim okvirima. Astro je objavio svoju verziju 1.0 koji je još uvijek u Beta fazi. Stoga je u ovom trenutku teško smjestiti ovu platformu u veći okvirni svemir.
Next.js je najveći konkurent Astru. Potonji je još uvijek nov na tržištu i naširoko se vjeruje da je u povoju u usporedbi s nevjerojatnim Next.js-om.
