Subscribe
Sign in
Start new thread
p/kitty
An opinionated Product Hunt client for iOS
Visit Product
ethan
JSON Web Container — Take any HTML and plug it into native app with JSON markup
Featured
16
•
Replies
ethan
Maker
Hi guys, first of all if you aren’t aware of Jasonette, please check that out first https://www.producthunt.com/post... JSON Web Container is a new addition for Jasonette, where you can take ANY HTML+Javascript+CSS and turn them into a native component you can plug in. And all this with just a single JSON markup. You just take the entire HTML markup and wrap it with a JSON markup. There’s no complicated build process or anything. You just write the same simple JSON markup and magically you will see your web view integrate into a native app. And the best part is you can cross over between the web and native very easily because these web containers are treated as native components by Jasonette. You can plug it into your fullscreen background, or plug it into native scrollview and native layout. You can style them, resize them, and manipulate them just like native components.
Jimmi
Loved it. I use https://jsonformatter.org for managing JSON data.
Jimmi
Loved the product and want to suggest best JSON tool , https://jsonformatter.org/json-e...
G G
Is this like Intel XDK app development?
ethan
Maker
@androidlove It's a new release for Jasonette, which lets you build native apps by just writing JSON markup https://www.jasonette.com It's completely native for ios (objective-c) and android (java), the idea is you remote control all the native layouts, components and native function calls just by writing a JSON markup. This particular release (Web Container) goes further and lets you take any HTML+JS+CSS and plug it into Jasonette using the same JSON markup, and use it like native components. You can learn more about Jasonette here https://medium.freecodecamp.com/...
Marcel Christianis
This is really cool! May I ask how this affect the performance of the app? Especially with the notion that developers tend to avoid using WebView as much as possible.
ethan
Maker
@marcelc63 that was exactly the reason I never added web into Jasonette in the beginning. But we have made several design decisions and technical breakthroughs that made this possible without performance issues. You can see the performance in the app in the video on the website (https://www.jasonette.com/webcon...), or you could try it yourself by downloading the Jason app on the app store (It's also on the website) p.s. Of course, we're not pushing this as a complete alternative approach at all. This is just one of the components and treated like one, which means you can try mix and matching with native components, which is the whole point of this. It's not all or nothing. I think there are many cases where it makes sense to use the web container, but a lot of times you can achieve what you want with just native components. This is just one addition that enables a lot of cool things on top of existing Jasonette.
Washington Sanchez
This is an awesome development for this platform that I love. Great work Ethan!
ethan
Maker
@drwasho thanks!
Dre Durr💡
Doper than a muthasucka lol🚬🚬🚬 This really is dope
ethan
Maker
@dredurr thanks!
ethan
Maker
@franciskim_co thanks!
Abhilash Jain
Super cool :D
Prabhâkar Thota
I found that i have to get a code in json format! Can i do with with simple html code ?
ethan
Maker
@prabhakar_thota if you just have a simple HTML code that would be a website! The power of using this approach is you can take any web app or web element and plug it into a native app just like a native component, and you somehow need to describe how it will fit into the app, and that's why you need to use JSON. Like you see in the picture above, it's really simple. Inside the container it's just pure HTML like you wanted, but outside of HTML, you describe its layout with JSON. You can also play around with all the code seen in the demo video here: https://github.com/Jasonette/Jas... Hope this makes sense!