suchen

Trägheit

Mar 17, 2025 am 10:29 AM

Trägheit

Jeremys Klassifizierung von Entwickler -Tools hat mich immer beeindruckt:

Ich habe zwei Arten von Webentwicklungs -Tools erwähnt, aber ich bin mir immer noch nicht sicher, wie ich diese Kategorien aufrufen soll. Innenraum und Außen? Für Entwickler und Benutzer?

Die erste Kategorie umfasst Build -Tools, Versionskontrolle, Übersetzer, Präprozessoren und Codeinspektoren. Diese Tools werden auf Ihrem Computer ausgeführt - oder auf dem Server - den Code, den Sie schreiben, und konvertieren ihn in Rohstoffe für das Web: HTML, CSS und JavaScript.

Die zweite Art von Tools besteht aus Rohstoffen für das Web: CSS Framework und JavaScript -Bibliotheken.

Dies ist eine gute Möglichkeit zu denken, und natürlich gibt es einige Feinheiten. SASS gehört zur ersten Kategorie, da es nicht direkt an den Benutzer geliefert wird, sondern nur CSS generiert wird, das dem Benutzer geliefert wird. Es wird sich jedoch weiterhin auf den Benutzer auswirken, da die Größe des CSS, das er generiert, abhängig davon, wie Sie es verwenden.

Jeremy ruft Seidet eine Bibliothek an, deren Ziel es ist, so viel wie möglich zu kompilieren, bevor der Code an den Benutzer geliefert wird. Es wird immer noch einen JavaScript-Code geben, aber er enthält nicht den Overhead der Entwickler-orientierten API. Die Subtilität hier ist, dass Svelte so verwendet werden kann , dass alle JavaScript -Code vollständig entfernt werden. Zum Beispiel kann Sufelskit seine Hydratationsfunktion vollständig ausschalten und die Seite vorbereiten, wodurch eine vollständig javaScript-freie Website erstellt wird (oder sie zumindest nur dann verwenden, wenn Sie sie benötigen).

Über reagieren:

Ich weiß, dass es Möglichkeiten gibt, Reaktionen eher wie die erste Art von Tool zu verhalten, aber dies ist definitiv nicht das Standardverhalten. Und das Standardverhalten ist wirklich wichtig. Für React ist das Standardverhalten davon auszugehen, dass der gesamte Code, den Sie schreiben - und die Tools, mit denen Sie ihn schreiben - an den Endbenutzer gesendet wird.

Ich finde das vernünftig, aber die Geschichte scheint sich langsam zu verändern. Ich denke, die weit verbreitete Verwendung ist weit davon entfernt, wie es ist, aber Serverkomponenten sind es wert, hier zu achten, da sie aus dem React -Team selbst stammen, genau wie Seltekit aus dem SufleT -Team selbst stammt.

Über Astro:

[…] Im Gegensatz zu Svelte können Sie mit Astro die gleiche Syntax wie vorhandene Framework verwenden. Wenn Sie also React gelernt haben - weil Sie es lernen müssen, um einen Job zu finden - können Sie Astro verwenden, ohne neue Syntax zu erlernen.

Ich weiß, dass Sie möglicherweise keine vorhandene React -Website in einem Klick in Astro konvertieren können, aber es gibt mindestens einen klaren Upgrade -Pfad.

Dies ist nicht nur theoretisch, sondern auch in der Praxis!

Ich habe gerade unsere kleine serverlose Micro -Website von Gatsby in Astro konvertiert. Gatsby basiert auf React, sodass alle Komponenten als React -Komponenten gebaut werden. Pull -Anfrage ist ein bisschen chaotisch, aber es ist hier. Ich habe einige davon in eine .astro -Datei umgewandelt, ließ aber viele Komponenten im Grunde genommen die gleichen wie .jsx -Reaktionskomponenten. React wird jedoch nicht an die Website des Benutzers gesendet. Der JavaScript -Code auf der Website wurde fast vollständig entfernt, so dass nur ein handschriftlicher natives Javascript -Code für sehr einfache Interaktionen zurückgelassen wurde.

Hier sind also einige Münzen, die Dinge werfen. Münzen verschmelzen? Für mich fühlt sich Astro sehr wie ein Entwickler-orientiertes Werkzeug. Es hat mir geholfen. Es verwendet den Vite -Compiler, der sehr schnell und angenehm zu verwenden ist (Astro hat sicherlich einige Mängel, da es noch nicht 1,0 erreicht ist, aber DX ist weitgehend implementiert). Es spricht meinen Stil. Es ermöglicht mir, SCSS zu schreiben. Es ermöglicht mir, Komponenten zu schreiben (mit vielen verschiedenen Frameworks). Es hilft aber auch Benutzern. Es gibt überhaupt kein JavaScript -Paket auf der Website.

Ich denke, das bedeutet, dass Astro die Kategorie nicht geändert hat - es ist ein Entwickler -orientiertes Werkzeug. Es verwandelt zufällig ein ursprünglich benutzerorientiertes Tool (sogar Sufle) in ein fast ausschließlich Entwickler-orientiertes Tool.

Da ich noch ein paar Links über Astro habe, die in meiner Tasche waren, hat Flavio ein großartiges Tutorial zum Einstieg.

Hier sind einige Websites Dave und ich diskutieren mit mir kürzlich mit Astro neu:

Das obige ist der detaillierte Inhalt vonTrägheit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
@Keyframes CSS: Die am häufigsten verwendeten Tricks@Keyframes CSS: Die am häufigsten verwendeten TricksMay 08, 2025 am 12:13 AM

@KeyFramesispopulardUeToitSverSatility und PowerIncreatingsmoothcsSanimations.KectrickSinclude: 1) DefiningsmoothTransitionSbetTates, 2) AnimatingMultipleProperTiesimultan, 3) mit VendorprefixesforBrowserCompatible, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren

CSS -Zähler: Eine umfassende Anleitung zur automatischen NummerierungCSS -Zähler: Eine umfassende Anleitung zur automatischen NummerierungMay 07, 2025 pm 03:45 PM

CSSCOUSTERSSARUSTOMANAGEAUTOMATICNUMBERINGINWEBDEsigns.1) Sie konzipieren SieForsofcontents, ListItems und CustomNumbering.2) AdvanceduSesincnednumberingSystem.3) CHEFORDIGESINCLUDSERCOMPATIBILIBLEISE.4) CreativeuSinvolvecustInance

Moderne Bildlaufschatten mit scrollengetriebenen AnimationenModerne Bildlaufschatten mit scrollengetriebenen AnimationenMay 07, 2025 am 10:34 AM

Die Verwendung von Scroll -Schatten, insbesondere für mobile Geräte, ist ein subtiles Stück UX, das Chris zuvor abgedeckt hat. Geoff deckte einen neueren Ansatz ab, der die Immobilie der Animationszeit verwendet. Hier ist ein anderer Weg.

Überprüfung der BildkartenÜberprüfung der BildkartenMay 07, 2025 am 09:40 AM

Lassen Sie uns eine kurze Auffrischung durchlaufen. Bildkarten datieren bis zu HTML 3.2, wobei zuerst die serverseitigen Karten und dann die clientseitigen Karten klickbare Regionen über ein Bild mit Karten- und Bereichselementen definiert sind.

Stand der Entwickler: Eine Umfrage für jeden EntwicklerStand der Entwickler: Eine Umfrage für jeden EntwicklerMay 07, 2025 am 09:30 AM

Die Umfrage von State of Devs ist nun offen für die Teilnahme und deckt im Gegensatz zu früheren Umfragen alles außer Code ab: Karriere, Arbeitsplatz, aber auch Gesundheit, Hobbys und mehr. 

Was ist CSS Grid?Was ist CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid ist ein leistungsstarkes Tool zum Erstellen komplexer, reaktionsschneller Weblayouts. Es vereinfacht das Design, verbessert die Zugänglichkeit und bietet mehr Kontrolle als ältere Methoden.

Was ist CSS Flexbox?Was ist CSS Flexbox?Apr 30, 2025 pm 03:20 PM

In Artikel wird CSS Flexbox erörtert, eine Layoutmethode zur effizienten Ausrichtung und Verteilung des Raums in reaktionsschnellen Designs. Es erklärt die Verwendung von Flexbox, vergleicht es mit CSS -Gitter und Details Browser -Unterstützung.

Wie können wir unsere Website mit CSS reagieren?Wie können wir unsere Website mit CSS reagieren?Apr 30, 2025 pm 03:19 PM

In dem Artikel werden Techniken zum Erstellen von reaktionsschnellen Websites mithilfe von CSS erörtert, einschließlich Ansichtsfenster -Meta -Tags, flexiblen Gitter, Flüssigkeitsmedien, Medienabfragen und relativen Einheiten. Es deckt auch mit CSS -Raster und Flexbox zusammen und empfiehlt CSS -Framework

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.