Wie man eine einfache statische Website (über)entwickelt

Vor etwas mehr als einem Jahr wurde ich damit beauftragt, eine neue Website für eine der Forschungs- und Entwicklungsgruppen meiner Hochschule zu entwickeln. Ihre alte Website basierte auf einer jQuery-Vorlage und war im Allgemeinen schwer zu warten. Nachdem ich bis zu diesem Zeitpunkt etwa ein Jahr lang Benutzeroberflächen entwickelt hatte, dachte ich, ich hätte das Zeug dazu, eine bessere Website zu entwickeln … Ich habe mich geirrt!

XKCD 974: Das allgemeine Problem

Die Projekte, an denen ich zuvor gearbeitet habe, verwendeten alle React.js, einige mit und einige ohne Next.js. Wie man so schön sagt: „Wenn man nur einen Hammer hat, sieht alles aus wie ein Nagel.“ Und so habe ich diese Technologien ausgewählt, um eine einfache statische Website zu erstellen.

Im Nachhinein war von Anfang an klar, dass dies nicht gut enden konnte. React.js ist eigentlich ziemlich großartig, wenn Sie hochgradig interaktive, dynamische Benutzeroberflächen mit datengesteuerten Inhalten erstellen möchten. Next.js ist ein gutes begleitendes Framework, das serverseitiges Rendering und Routing bietet und (neben vielen anderen Dingen) zur Optimierung der Leistung beiträgt. Die von mir erstellte Website war jedoch statisch, was bedeutete, dass sie von den meisten dieser Funktionen nicht profitieren konnte. Sicher, es könnte mit React.js und Next.js erstellt werden – und das war es auch –, aber zu welchem ​​Preis?

Die oben genannten Tools sind ziemlich komplex. Um Websites mit ihnen zu erstellen, müssen Sie ihre Besonderheiten kennen. Sie können nicht einfach Markup und Stile schreiben und Schluss machen, denn diese müssen innerhalb des React-Paradigmas funktionaler Komponenten und Hooks geschrieben werden, wobei eine komponentenbasierte Architektur eingehalten und der Datenfluss über Requisiten und Kontexte verwaltet werden muss … Das ist alles, was ich sagen muss Sie werden weitere Codezeilen schreiben.

Das ist natürlich kein Problem. Die Anforderungen Ihres Projekts lassen sich möglicherweise nicht allein mit Markup und Stilen erfüllen, und Sie verschwenden möglicherweise Zeit damit, das Rad neu zu erfinden und Ihren eigenen JavaScript-Code zu schreiben, anstatt eine Standardlösung zu verwenden. Wenn die Anforderungen jedoch ohne diese zusätzliche Komplexität erfüllt werden können, ist es sinnvoll, dies zu tun. Andernfalls werden Sie überdimensioniert und erhalten am Ende ein Projekt, dessen Wartung viel schwieriger (und kostspieliger) ist, als es sein sollte.

So haben wir mit der Website den Kreis geschlossen. Das alte musste ersetzt werden, da es schwierig zu warten war. Dank der Brillanz eines jungen Software-Ingenieurs mit begrenztem Repertoire befindet sich der Neue nun in der gleichen – eigentlich noch schlimmeren? – Situation. Ich schätze, wir brauchen jetzt eine neue Website! Ich habe vor, die aktuelle Codebasis wegzuwerfen und sie mit so wenig wie möglich außer HTML und CSS neu zu erstellen. Vielleicht denke ich über einen statischen Website-Generator nach.

Das obige ist der detaillierte Inhalt vonWie man eine einfache statische Website (über)entwickelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!