|
Post by icebox on Dec 14, 2020 14:07:16 GMT
Hello.
Kudos to Webreflection Master, thanks for the libraries and these new boards.
Do you think is it worthy to create a framework and a cli to create "hyper" web apps?
I need to say the little experience I had recently with Next.js was good. I deployed smoothlessy the web app on Vercel and on Netlify.
The conventions of the framework are intuitive and, really, mitigate the fatigue of the setup and, generally speaking, the fatigue to create a structure of the project. Furthermore it gives an immediate solution to the classic needs of a web app: routing, fetching, etc.
So here we are with the eternal dilemma between tools, libs and frameworks.
You know, with a few (best) practices you may use hyperHTML family to create exactly the same web apps, but it is not mainstream.
Would a cli or a framework Next.js-like help to improve developer experience with hyperHTML family?
Thanks, Alberto
|
|
|
Post by webreflection on Dec 14, 2020 15:50:56 GMT
Thanks Alberto for the thread! I've already created Isomorphic uhtml based PWAs, see github.com/WebReflection/hn#readmeThe usage of ucontent, combined with uhtml, makes that PWA works on both static websites and Vercel, in which case all rendering is done SSR first. The routing is a bit ad-hoc github.com/WebReflection/hn/blob/master/client/%40/js/hn.js#L54-L77 but I also have the a-route Custom Element component that brings Express like routing to the app github.com/WebReflection/a-route#readmeDo you think having a bootstrap scaffolding these libraries and techniques would make sense? For hyperHTML there was an viperHTML based bootstrapper, but viperHTML didn't get adopted much, so that heresy-ssr or ucontent, in general, would be my "go-to" pointer for these kind of modern applications. Thoughts?
|
|
|
Post by icebox on Dec 14, 2020 21:35:01 GMT
Definitely we need it: a boilerplate project, a bootstrap scaffolding a template. Anyway to create or to update the app we need also a cli, something like npx create-next-app --example [name]|[github-url] // nextjs.org/docs/api-reference/create-next-appThat Isomorphic project is a good starting point. Thanks, Alberto Edit: See also github.com/preactjs/wmr
|
|
|
Post by marshallcb on Dec 17, 2020 20:51:40 GMT
I'm working on a CLI that generates isomorphic components with a similar developer experience to Next.js and Svelte/Sapper – I'll be releasing a "site template" within a few weeks that could be used for scaffolding. Will update when it's ready! Behind the scenes it combines uhtml, ucontent, and wicked-elements for isomorphic rendering and hydration. It doesn't use HyperHTML, but I'm sure a fork could be made that uses HyperHTML instead of uhtml if that's helpful. Repo link: github.com/augm-dev/augm-it
|
|
|
Post by webreflection on Dec 18, 2020 13:01:30 GMT
hyperHTML is great and old at the same time, and I strongly suggest anyone starting fresh to use uhtml or lighterhtml ... I don't personally use anymore hyperHTML, but we use it in production, although we rarely had bugs in the last 2.5+ years so it's there in maintenance mode but don't expect me changing it any time soon, if not ever.
|
|