inclusion vapor

? Einschlussdampf

Komponenteninteroperabilität basierend auf Dampf

Über dieses Projekt

Dieses Forschungs- und Entwicklungsprojekt dient zum Ausführen verschiedener Komponenten in Dampf.

Dieses Projekt begann mit meinem Tagesjob-Projekt und wurde von Vue-JSX inspiriert, das bei VueConf China 2024 angekündigt wurde.

Warnung

Das ist WIP?, Verwenden Sie also nicht in der Produktion

Dieses Projekt versucht zu arbeiten , ob die Interoperabilität zwischen Komponenten verschiedener Frameworks auf Dampf bereitgestellt werden kann .

? Aktueller Arbeitsstatus:

Derzeit arbeite ich an Sufelte Vapor, was für meinen Tagesjob notwendig ist. Das ist also eine Priorität.

• React-Vapor (POC DURTED): Reagieren Sie für Dampf
• Svelte-Vapor (POC DURTED): SVELTE FOR VAPOR,

? Spielplatz

pnpm build # build the packages
pnpm play # start playground 

⚛️ React-Vapor

Basierend auf React V18 Neueste

• JSX Vapor Explorer

? Suflte-Vapor

Basierend auf Sufle V4 (vielleicht v3 kompatibel)

• Suflte Vapor Template Explorer

✅ Todo

React-Vapor

• Transformation für JSX
  • Nodetransform (grundlegende Implementierung)
  • DIRECTIVETRANSFORM (Basisimplementierung)
• Haken
  • useactionState
  • Usecallback
  • Usecontext
  • Gebrauchtes
  • gebrauchte EfferDValue
  • Verwendungseffekt
  • Gebrauch
  • Anwendungshandel
  • useInsertionEffect
  • uselayouteffect
  • Usememo
  • Verwendung optimistisch
  • Userducer
  • Usef
  • ussten
  • useyncexternalStore
  • Usetransition
• Komponenten
  • <Fragments>
  • <Profiler>
  • <StrictMode>
  • <Suspense>
  • Serverkomponenten
• Apis
  • Akt
  • Cache
  • CreateContext
  • Vorwärts
  • faul
  • Memo
  • Starttransition
  • verwenden
  • experimental_taintobjectreeference
  • experimental_taintuniquevalue
• Vorlageer Explorer
• VITE -Plugin mit Unpugin (POC DURDE)
  • Analyseabhängigkeiten
  • Laufzeit -Transformation
  • Reaktivitätstransformation
• Gegen App
  • einfache Bindungen
  • einfache Ereignisse
• Wiederholung
• Todo-MVC App

Suflte-Vapor

• verwandeln
  • Nodetransform
  • DIRECTIVETRANSFORM
• Suflte -Komponente
  • Stütze
  • Attrs
  • Prop -Export
  • $$props
  • $$restProps
  • $
  • context="module"
  • Stil
• Logikblöcke
  • {#if} / {:else} / {:else if}
  • {#each}
  • {#await}
  • {#key}
• Spezielle Tags
  • {@html}
  • {@debug}
  • {@const}
• Elementrichtlinien
  • on:eventname
  • bind:property
  • Bindung <select> Wert
  • Medienelementbindungen
  • Bildelementbindungen
  • Elementbindungen auf Blockebene
  • bind:group
  • bind:this
  • class:name (mehrere Klassen haben noch nicht unterstützt)
  • style:property (Muulple -Stile, Modifikator hat Ja nicht unterstützt)
  • use:action
  • transition:fn
  • Übergangsparameter
  • Benutzerdefinierte Übergangsfunktion
  • Übergangsereignisse
  • in:fn/out:fn
  • animate:fn
  • Animationsparameter
  • Benutzerdefinierte Animationsfunktionen
• Komponentenrichtlinien
  • on:eventname
  • --style-props
  • bind:property
  • bind:this
• Sonderelemente
  • <slot>
    • Standard
    • <slot name="name">
    • $$slots
    • <slot key={value}>
  • <svelte:self>
  • <svelte:component>
  • <svelte:element>
  • <svelte:window>
  • <svelte:document>
  • <svelte:body>
  • <svelte:head>
  • <svelte:options>
  • <svelte:fragment>
• Laufzeit
  • Sufle
    • onMount (nicht Unterstützung bei der Rückkehr unmount fn)
    • beforeUpdate
    • afterUpdate
    • onDestroy (Dampf nicht noch unterstützt)
    • tick
    • setContext
    • getContext
    • hasContext
    • getAllContext
    • createEventDispatcher
  • speichern
  • Bewegung
  • Übergang
  • animieren
  • gleichen
  • Aktion
• Vorlageer Explorer
• SFC-Flavoured-Komponenten-Compiler (POC DURTED)
  • Vorlage
  • Skript
  • Stile
• VITE -Plugin mit Unpugin (POC DURDE)
  • Hmr
  • Analyseabhängigkeiten
  • Laufzeit -Transformation
  • Reaktivitätstransformation
• Gegen App
  • einfache Bindungen
  • einfache Ereignisse
• Wiederholung
• Todo-MVC App

Roadmap

Dies ist die Roadmap für Inclusion-Dams. Derzeit konzentrieren wir uns auf ein Tagesjob-Projekt, sodass die Roadmap nur Seltas-Vapor enthält. Bei Bedarf werden wir React-Vapor weiterhin implementieren, hoffen jedoch, sich durch den Beitrag der Gemeinschaft zu entwickeln.

Diese Roadmap hängt vom Dampfprojekt ab, damit sich die Meilensteine ändern können.

Meilenstein 1: Sufle-Vapor-Grundimplementierung

• Ziel: In der Lage zu sein, Svelte-Vapor anstelle von Svelte 3 und 4 als experimentell zu verwenden
• Schlüsselaufgaben:
  • Grundlegende Implementierung für Sufle 3 und 4 Funktionen im Tagesjob -Projekt (Weitere Aufgabendetails hier)
  • Bauen mit Unpugin-Sufle
  • E2E -Test (Snapshot -Konsistenz) basierend auf Svelte 4 -Tests

Meilenstein 2: Svelt-Vapor Advanced Implementierung

• Ziel: In der Lage zu sein, Svelte-Vapor anstelle von Svelte 5, 3 und 4 zu verwenden
• Schlüsselaufgaben:
  • Implementierung der verbleibenden Funktionen 3 und 4, um sie für externe Projekte zur Verfügung zu stellen
  • Rost Compiler -Implementierung für die Svelte -Vorlage
  • Implementierung für Sufle 5 (Unterstützung für Runen)

? Credits

Dieses Projekt wird unterstützt von:

• Vue.js & Vapor, erstellt von Evan You und Vapor Team
• React, erstellt von Meta Platforms, Inc. und Affiliates.
• Sufle, geschaffen von Rich Harris und Svelte Community

Und inspiriert von:

• Unpugin-vue-jsx-Vapor, erstellt von Zhiyuanzmjjj
• Vue-Hooks, erstellt von ubugeeiei

Danke schön! ❤️

© ️ Lizenz

MIT