Ett JavaScript ramverk som man inte behöver installera?

Det finns väl inget som hindrar dig att ladda ner ett ramverk du vill använda och lägga in koden i ditt html-dokument? Men blir ju ofta fantastiskt mycket kod att skicka med? Vad kör du koden i som inte kan ladda script från en js-fil?

https://vuejs.org/v2/guide/installation.html#Direct-lt-script...

Ja, typ. Du anger med en script-tag att du ska ladda ner en .js-fil från googles server, sedan kan du använda funktionaliteten. Detta finns för de flesta bibliotek eftersom det gör att man kan cache'a nedladdningen mellan sidor.

Så du kanske rör till din fråga med att du inte vill ha beroende till några js-filer som ska laddas ner. Webläsaren måste alltid ladda ner scriptet, och det vanliga är att det är just en js-fil, men den behöver inte ligga på din server.

Om klienter som ansluter inte får hämta externa javascript filer så skulle du ev. kunna bundla ihop allt med webpack och stoppa in på sidan, du kommer ju troligtvis ändå att behöva inkludera eller länka in något extra bibliotek för grafer: chartjs, uplot, apexcharts eller liknande, om du nu inte planerat att koda rendering av graferna själv.

Öppna upp debuggern i Chrome och kolla under fliken nätverk så ser du vad och varifrån den hämtar datan.

En lösning för att avlasta din processor är att låta den leverera absolut minimum du behöver, typ html och datan för graferna. Sen lägga skript och CSS och eventuellt annat på ett CDN.

Routers och liknande använder nog oftast SquashFS eller liknande i sin firmware, lite offtopic men du kan läsa den här artikeln om du är intresserad av hur det fungerar:
https://linuxsecurityblog.com/2019/10/03/reverse-engineering-...

Jag antar dock att du har en färdig underliggande plattform eller exempel för din processor som du tänkt utgå från?

Alltså, är förvirrad fortfarande vad exakt du är ute efter. SSR existerar och du kan använda Next, Gatsby, Nuxt, alla möjliga ramverk för att producera dina filer. Oavsett så kommer de laddas ner och exekveras på klienten i slutändan, men med SSR så skeppas allting direkt.

Istället för att snurra i ditt nuvarande kaninhål så välj ut ett ramverk du skulle vilja använda och hör sedan av dig i tråden här så kan du nog få bra info om hur du kan göra.

Ett tips är att INTE använda AngularJS, utan "Angular".

https://en.wikipedia.org/wiki/AngularJS
Blanda alltså inte ihop det gamla ramverket AngularJS och Angular

Angular är tänkt att exekveras på klientens webbläsare ja.

https://stackoverflow.com/questions/58589256/is-angular-rende...

Det finns däremot Angular Universal om du vill bygga upp hela webbsidan på servern istället. Men jag tolkar det som att du vill ge klienten detta ansvar?

Angular är jättebra på många sätt, men det är inte jättelätt att komma in i, förstå hur allt hänger ihop och så. Det kan ha att göra med att jag inte har jobbat särskilt mycket med js eller liknande, utan mest asp och så, men det tog ett tag att greppa strukturen liksom. Att mitt företag har byggt helt egna komponenter istället för att använda standard hjälper förstås inte heller.

LTS för webb är nog svårt, särskilt om du vill ha något du aldrig behöver röra igen. Webben är så pass föränderlig att du får vara glad om din kod håller utan underhåll i ett år.

Ditt säkraste alternativ är nog i sådant fall att använda enbart ren JavaScript utan några ramverk eller bibliotek.
Ur ett rent säkerhetsperspektiv är det också en väldigt dålig idé att lämna sina bibliotek och ramverk ouppdaterade.

Det är svårt att rekommendera ett ramverk/bibliotek utan att veta vad du vill göra, kan du speca mer exakt vad du är ute efter att uppnå? Behöver du ens något eller skulle kanske klassiska jQuery räcka?
Om du inte jobbat med JavaScript förut skulle jag verkligen rekommendera att inte börja med att använda ramverk och bibliotek det första du gör. Lär dig grunderna i JavaScript och blanda in ramverk först när du märker att du faktiskt har ett behov.

Om jag skulle rekommendera något ramverk/bibliotek baserat på argumentet enkelt att använda skulle det vara VueJS eller Svelte, men mer eller mindre vad som helst förutom Angular. Angular är bra på vissa sätt men är framförallt till för större applikationer så det lär bara skapa en mycket högre tröskel att ta sig över utan någon direkt nytta i ditt fall. React är ett alternativ också men min åsikt är att VueJS eller Svelte hjälper en att få mer gjort med mindre kod och bägge har överlag en (i mitt tycke) bättre dokumentation, framförallt från en mer pedagogisk synvinkel. I grund och botten är React ett bibliotek och dom andra två ramverk så det är olika filosofier med olika för- och nackdelar beroende på användningsområde och jag tror att ett ramverk skulle passa dig bättre, men ett mer lättviktigt och skalbart alternativ än Angular.

Sen skulle jag släppa eller i alla fall lätta tanken om LTS. Jag kanske tolkar dig lite fel, men att göra en hemsida idag och tro att den kommer fungera om tio år utan att du gör något med den under tiden är generellt talat inte rimligt. JavaScript och alla nämnda ramverk/bibliotek kommer förmodligen finnas kvar men utkommit i x antal nya versioner och likaså klienterna där koden körs. Utöver det så kommer säkert dina behov och krav förändras över tid också.
Det behöver inte bli jättemycket jobb för dig att anpassa din lösning efter tidens gång men jobb kommer det bli.