Discussion on Web version implementation scheme of Hyperview-based App #1075
Replies: 6 comments
-
I think you've summarized the options well. Approach 1 would theoretically save the most time, but I haven't tested using HV with React Native for Web. Perhaps this can be a quick test to see if the solution is feasible. Approach 2 is what we do at Instawork. Shared backend logic, and different templates (HTML + htmx for web, vs HXML for mobile). This is a better approach for us, because out web users are using desktop browsers on large monitors. Thus, we use a different layout than we would on mobile phone. It made sense to use HTML+htmx since the UI was going to be different. Are you targeting mobile users with the web version of your app? |
Beta Was this translation helpful? Give feedback.
-
yes, we mainly target mobile users, and the UI of the Web version is basically the same as that of the App. |
Beta Was this translation helpful? Give feedback.
-
Hi Terry, I wanted to check in to see which approach you ended up using. |
Beta Was this translation helpful? Give feedback.
-
@terryatgithub check out #459 ! Not every features of Hyperview on mobile are supported on web yet, there will be some additional work needed to attain true parity between the two platform. |
Beta Was this translation helpful? Give feedback.
-
hi Adam and Florent, It's terrific you have come so far. We will probably come back to the web version in the near future, and then we will do some in-depth study and testing on the current Florent progress. |
Beta Was this translation helpful? Give feedback.
-
We now have basic support for Hyperview on web - as an example, you can browse the demo app directly from https://hyperview.org/docs/example_live. It not full fledge, as Hyperview is still mostly targeted / optimized for mobile, but this opens the door for potentially more cross-platforms experiences. |
Beta Was this translation helpful? Give feedback.
-
hi @adamstep, as discussed on #17, we need to support the web version for the current Hyperview-based App.

We have listed the potential solutions, and the corresponding benefits and efforts(risks).
Please help double-check how much code each solution can re-use?
Is the understanding of the following figure correct?
If you have other more suitable suggestions or solutions, please let me know.
Looking forward to your reply, and thank you very much.
Beta Was this translation helpful? Give feedback.
All reactions