Is there any plan for supporting Vue and Solid?
#3761
Replies: 17 comments 37 replies
-
|
You might wanna check out https://vueflow.dev if you're interested in a Vue version of React Flow ^^ It's not as neatly documented as React Flow, though basically anything that would work with v11 of React Flow works with Vue Flow as well. |
Beta Was this translation helpful? Give feedback.
-
|
I don't mean anything bad, but just need to take that into consideration when picking libraries 👍 |
Beta Was this translation helpful? Give feedback.
-
|
It's not officially maintained by the React Flow team, that's right. Though it's used by quite a few projects and not just 0 star ones :) |
Beta Was this translation helpful? Give feedback.
-
|
Cheers mate |
Beta Was this translation helpful? Give feedback.
-
|
We can definitely recommend Vue Flow if you're looking for a Vue alternative :) @bcakmakoglu is great! |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
Yeah, I'd definitely be here for a Solid version. Is there a process for adding versions? Like, we vote on a version, a branch or set of branches is created, PR's are submitted, etc.? Maybe a proposal? |
Beta Was this translation helpful? Give feedback.
-
|
Also very interested in a Solidjs version! |
Beta Was this translation helpful? Give feedback.
-
|
I'm here too for the solid version ✌🏽 |
Beta Was this translation helpful? Give feedback.
-
|
solidJS +1 |
Beta Was this translation helpful? Give feedback.
-
|
@xsjcTony @JoelCodes @yoavbls @asterikx @warrenbhw I would also be in favor of the xyflow team creating a professional package, though... |
Beta Was this translation helpful? Give feedback.
-
|
@CSworenI I see the last commit in solid-flow was 2 years ago. It'll be so nice to have something official |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
I would also love and need a solidJS official version of this. |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
A friend of mine has already written the solid port of xyflow: He put up a PR at one point to merge it into the main Xyflow codebase, but I don't think he got any response from code reviewers so he ended up closing it. But that npm package should work |
Beta Was this translation helpful? Give feedback.
-
|
Right! That's what I used when I ported, which made it easier. Even more shared code would be helpful as there was still a lot of state code to change but, like I said, I don't think that should block a port. |
Beta Was this translation helpful? Give feedback.
-
|
I'm happy to refresh my port one afternoon if the core team will commit to merging it. Otherwise, I'll fork this library and maintain a standalone Solid JS variant similar to https://vueflow.dev/ |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp , did you have a repo for solid-flow, all the links I find seem to link back to xyflow/xyflow and not an actual solidjs version (or am I missing something) |
Beta Was this translation helpful? Give feedback.
-
|
This port looks nice 🤩, thanks @matthewgapp. I am curious how much of an ongoing effort will it be to switch between React + zustand and Solid way of doing things? Would be better to maintain a spiritual clone/sibling? Yes, then the features may diverge at some point but I think the visible features can stay the same while still writing directly for Solid and not have to translate state/rendering logic. @JasonWeise here is the repo: https://github.com/nobie-org/xyflow |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
SolidJS +1 Please :) |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
SolidJS +1 |
Beta Was this translation helpful? Give feedback.
-
|
SolidJS +1 |
Beta Was this translation helpful? Give feedback.
-
|
SolidJS +1 |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp A bit OT. But could you speak about the challenges from porting a library from react? I'm considering moving from one to the other but finding that the solidjs ecosystem just isn't where it should be. I don't mind getting my hands dirty (so to speak). Are there some things that I should be aware of? Or perhaps some techniques or things I should know before hand? Thanks |
Beta Was this translation helpful? Give feedback.
-
|
No challenges really, @paulm17. Didn't take longer than a day. Mostly rote work that could be done by Cursor now. Porting is easy. Getting it upstreamed and maintained is the important bit. |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
@EzzatOmar, @paulm17 @chalapathi-ct @oddpxl @JasonWeise @brainless @bcakmakoglu @yoavbls @CSworenI Perhaps one of you could bring my port up to date and then we can get it upstreamed into xyflow :). There doesn't seem to be that many changes between the main of my port and the main of this repo. Changes here: nobie-org/xyflow@main...xyflow:xyflow:main 90% of the changes are doc-comments. Does anyone want to raise their hand and be a hero? 🤚 |
Beta Was this translation helpful? Give feedback.
-
|
I have a definite need for xyflow in an extensive react application that I am building. Unfortunately I'm tied up in rust land at the moment. Additionally, I have decided to delay my foray into solidjs until 2.0 and HMR gets fixed. When that happens, if no one has upstreamed xyflow to solidjs then I'll definitely take a stab at it. |
Beta Was this translation helpful? Give feedback.
-
|
hey @EzzatOmar @paulm17 @chalapathi-ct @oddpxl @JasonWeise @brainless @bcakmakoglu @yoavbls @CSworenI @JoelCodes @hayleigh-dot-dev @asterikx @warrenbhw @yefu24324 @Isaak-Marcel @agoldstein03 @xsjcTony Any takers? You'd be a hero. If we can get this in shape (which shouldn't take much work since most of the changes required are doc comments), I’m sure we can make this official. Repo: https://github.com/nobie-org/xyflow |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp Let's see how confident I feel when I have finished. 😓 |
Beta Was this translation helpful? Give feedback.
-
|
Good stuff. fwiw, updating my port will be a lot easier than porting over mantine. |
Beta Was this translation helpful? Give feedback.
-
|
FYI #3761 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
hey @EzzatOmar @paulm17 @chalapathi-ct @oddpxl @JasonWeise @brainless @bcakmakoglu @yoavbls @CSworenI @JoelCodes @hayleigh-dot-dev @asterikx @warrenbhw @yefu24324 @Isaak-Marcel @agoldstein03 @xsjcTony - I updated my port and created a PR should be good to get merged in once I test a bit more. 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 🚀 |
Beta Was this translation helpful? Give feedback.
-
|
Looks like there's no immediate future for SolidJS here, so I'll be publishing a fork shortly #5293 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp thank you for work and your willingness to push it forward! |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp same, thank you for your work! This is really appreciated! |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp Thanks so much for all your work on this! Do you know when the fork will be published? Excited to try it :) |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp Thanks so much! Is there a possibility to release it as a package? |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp Hey - sorry to chase - just curious if you still plan to fork ? 👍 👍 ? |
Beta Was this translation helpful? Give feedback.
-
|
@matthewgapp I actually completed the mantine fork. Although I don't need this right now. Do you need any help with anything or any updates to come? |
Beta Was this translation helpful? Give feedback.
-
|
Hey all, if any are still interested in Solid Flow, I just recently published this that is now available for use: https://www.npmjs.com/package/@dschz/solid-flow I consider this an alpha release with a couple of things missing that are outlined in the README, but a lot should be there available for use. Hoping it will address the majority of use cases. I hope it helps! |
Beta Was this translation helpful? Give feedback.
-
|
Support you, I'll try to create a new branch with this |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your work, I will try to use it 💖 |
Beta Was this translation helpful? Give feedback.
and others
Uh oh!
There was an error while loading. Please reload this page.
-
Now we already have an official
Svelteversion, which is ✨impressive.Wondering whether there's any plan for supporting Vue and Solid?
Vueis still relatively a larger (by usage amount and ecosystem) framework thanSvelte, I was actually shocked to see that there's a Svelte port but no Vue's.Solidseems to be the best-performant framework at the moment and it may (I believe) become a giant in the future.Thanks.
Beta Was this translation helpful? Give feedback.
All reactions