Comments (3)
There has being significant process to supporting more frameworks. The last time I discuss this topic was around 18 months ago in #28 (comment), might be a good time to share some more insights.
What happened since:
- Supported React.js and as a side effect separated the browser editor and the backend server (that saves the json files).
- Improved Typescript support that made all migrations easier
- Added support for multiple browser editors (now having Craft.js and Grapes.js)
- Move the components data (ie. HTML source code and preview images) to the backend
So why does it mean to get Destack other frameworks such as SvelteKit and Nuxt:
- Editor challenges: The editor is currently only in React. To get another framework working we'd need to transpile React down to HTML and then create wrapper components in each framework that appends that HTML to the DOM when they are loaded in Vue, Svelte etc.
- Server challenges: There are currently two ways to use the server. One is through Next.js API and the other is starting it directly as an NPM script (for React only projects). For for every fullstack framework (eg. SvelteKit, Nuxt) we'd need wrapper server functions that use the server endpoint. For frontend frameworks (eg. Svelte, Vue) we can use the existing standalone server implementation I think without problems.
- Maintenance challenges: We'd need contributors to handle each of these problems as this project is something I work on my free time. Since I not as familiar with these other frameworks as I am with React and due to the limitations of time, it's better if other developers want to maintain that part of the project.
from destack.
Hi, sorry for being a beginner,
- have you considered adding mitosis or similar approach? it uses JSX but a little different from react and vue, and then can convert it to a variety of frameworks/libraries, so if a person learns that JSX he will be able to export to many frameworks/libraries.
- there is another similar project called sveltosis, similar to mitosis but uses some html-like syntax instead of JSX, input code looks much smaller and cleaner, I don't know if its easier to learn or not and whether its as useful in larger projects or not.
- it would be even better if instead of that kind of JSX or sveltosis if it uses JSON. which you can write directly or compile to it from JSX, html, etc.
from destack.
Hey @abdulhakam, thanks for the suggestion.
It could be an involved and lengthy endeavour to use an intermediate compiler for React code like mitosis
. Since I don't have enough hands on experience with these tools I can't really say whether it would be worth it or even if it's possible at all.
That's been said, ideas and PRs are welcomed and I try to give my opinion based on my experience developing this library.
from destack.
Related Issues (20)
- I want to create multi tenancy with page builder HOT 5
- How to deploy the project with editor HOT 2
- using destack as theming/theme builder for react/next site HOT 1
- Destack v3 - the road to simplicity
- How to Change Color of Components HOT 3
- RTL Support HOT 1
- Error when "next build" HOT 1
- Components are tough to edit HOT 6
- Editor selection font color issue HOT 1
- Drag and Drop multi slider in one page HOT 1
- Documentation HOT 1
- Unhandled Runtime Error HOT 1
- NextJS app router compatibility HOT 4
- path undefined error HOT 2
- Tailwind .text-transparent HOT 1
- Enable custom HTML markup HOT 2
- Nextjs build can't show the page HOT 12
- Editor standalone use HOT 2
- Destack Not working for latest Next.js HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from destack.