Håndkodet ydeevne

Moderne arkitektur med
SolidJS, PHP og Tailwind

Udvikling af professionelle og tekniske webapplikationer uden overflødig kode. Ved at kombinere robust PHP i maskinrummet med SolidJS og Tailwind CSS i frontend-arkitekturen opnås kompromisløs hastighed og et moderne bento box-layout.

Den hurtigste frontend-arkitektur

SolidJS: Fremtidens JavaScript-rammeværk

Hvor rammeværker som React benytter en virtuel DOM, hvilket kræver tunge beregninger ved hver opdatering, kompilerer SolidJS direkte til reelle DOM-noder. Dette resulterer i en ekstremt hurtig, finkornet reaktivitet.

Når data ændres, opdaterer SolidJS udelukkende den specifikke del af DOM'en, der påvirkes. Resultatet er en interaktiv brugergrænseflade, som reagerer på millisekunder – ideelt til avancerede, tekniske applikationer.

import { createSignal } from "solid-js";

const FastCounter = () => {
  const [count, setCount] = createSignal(0);

  return (
    <button class="bg-cyan-500 text-white px-4 py-2 rounded"
            onClick={() => setCount(count() + 1)}>
      Klik: {count()}
    </button>
  );
};

Formatering og stil

Tailwind CSS

Ved anvendelse af Tailwind CSS opbygges grænsefladen direkte i HTML- eller JavaScript-koden via hjælpeklasser (utility classes). Dette eliminerer overflødig og ubrugt CSS-kode.

Under kompileringen til produktion frasorteres al ubrugt CSS, hvilket ofte resulterer i en stilarkfil på blot få kilobytes. Dette er essentielt for at opnå maksimale resultater i ydeevnetests samt øjeblikkelig indlæsning i browseren.

Kompileringsresultat:

~10 kb

Total CSS-størrelse
efter PostCSS-udrensning

Den robuste PHP-backend

Ved at undgå ressourcekrævende rammeværker anvendes ren PHP som server-side-controller og API-endepunkt. PHP genererer det grundlæggende layout og leverer lynhurtigt data via JSON fra en MariaDB-database til SolidJS-klienten.

#RAW_PHP #MARIADB #REST_API

Lokalt udviklingsmiljø

For at sikre optimale udviklingsbetingelser benyttes et fuldt konfigureret, lokalt udviklingsmiljø (eksempelvis macOS med Homebrew, Apache, PHP, MariaDB og Node.js).

VS Node PHP

Skal dit næste tekniske projekt skaleres?

Dette håndkodede fundament er designet specifikt til applikationer, der kræver høj ydeevne, skalerbarhed og et professionelt udtryk. Herved undgås unødvendige opdateringer og potentielle sikkerhedsbrister i tredjepartsudvidelser.

Se koden bag