Skip to content

Conversation

zakarialaoui10
Copy link
Contributor

Overview

Ziko-Wrapper is a tool that facilitates the rendering of ZikoJS components within other frameworks, such as Preact, and allows embedding framework-specific components into ZikoJS. It enables seamless integration and interoperability between different ecosystems.

Note

ZikoJS uses hyperscript-style syntax.

Features of the preact implementation

  • ✅ Use Zikojs Components Inside Preact App
  • ✅ Use Preact Component inside Zikojs App

Demo

Open in StackBlitz

Show your support

If you appreciate the idea, kindly show your support by starring the libraries that make it possible.

@@ -16,6 +16,7 @@ Eine Auswahl an Modulen, die nahtlos mit Preact funktionieren.
- :raised_hands: [**preact-compat**](https://github.com/preactjs/preact-compat): Jegliche React-Bibliothek mit Preact benutzen *([Vollständiges Beispiel](https://github.com/developit/preact-compat-example))*
- :repeat: [**preact-cycle**](https://github.com/developit/preact-cycle): Funktionalreaktives Paradigma für Preact
- :page_facing_up: [**preact-render-to-string**](https://github.com/preactjs/preact-render-to-string): Universelles Rendering.
- 🧩 [**ziko-wrapper**](https://github.com/zakarialaoui10/ziko-wrapper): Binde [zikojs](https://github.com/zakarialaoui10/zikojs) Komponenten in deine Preact-App ein – und umgekehrt.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry if I was unclear, by "you don't have to translate it", I meant more that you shouldn't, per our Contributing guide. We try to limit translations to native speakers to avoid cases of really problematic accidents as automatic services can sometimes do.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry, I missed the “don’t” part in your message. Thanks for explaining

Maybe i will keep only English French and Spanish

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No need to apologize, that's my fault for being unclear.

The languages you comfortably speak + English for all the other translated files would be great, if you're willing, else I can do it a bit later today. Eventually other contributors can come along and rewrite the English into their own languages (Russian, German, Korean, etc), but in the meantime at least, the link will still be on the page for those folks.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To be honest, I don't want to make things worse, so I'll wait until this PR is closed, then I'll add the French translation for all the libraries.

I also have another idea that could simplify the process, maybe I’ll open an issue for it.

@rschristian rschristian force-pushed the patch-5 branch 2 times, most recently from 23aa5ce to 0d02d0a Compare July 28, 2025 22:47
@rschristian rschristian merged commit 88c5fe1 into preactjs:master Jul 28, 2025
5 checks passed
@rschristian
Copy link
Member

Thanks!

@zakarialaoui10
Copy link
Contributor Author

zakarialaoui10 commented Jul 28, 2025

Thanks!

I have three additional plugins, should I create a separate PR for each, or combine them into one?

@rschristian
Copy link
Member

Single PR is generally less juggling for us

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants