petite-vue
hibiki
Our great sponsors
petite-vue | hibiki | |
---|---|---|
67 | 10 | |
8,698 | 471 | |
1.7% | 0.0% | |
0.0 | 0.0 | |
2 months ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | Mozilla Public License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
petite-vue
- Best No-Code/Low-Code Frontend Builder
-
Show HN: A Lightweight 1.7KB JavaScript Framework
Something similar: https://github.com/vuejs/petite-vue (6kb subset of Vue) but the project seems abandoned.
-
Vue Developers, What Makes It Your Choice?
I started with petite-vue because Vue seemed too large of a file size for my simple projects. Wanting to use Vue but after reading some of the comments, I might go with Svelte.
-
Alpine.js
If you know (and like) Vue, look at petite-vue as an alternative.
“petite-vue is indeed intended to fill the gap for progressive enhancement cases where Vue 3 would be too heavy-handed.
It is not abandoned, but rather it is considered "done" because the scope is well defined. I don't think it needs more features (as that would defeat the purpose of being lean and minimal). If you find yourself needing more than what petite-vue provides, you can either go up to Vue proper, or try https://alpinejs.dev/.
That said, I should update the README to indicate this more clearly.”
Github discussion: https://github.com/vuejs/petite-vue/discussions/53
-
Vue SFC's with C# MVC project?
You might consider doing as much as possible in Razor pages and then use https://github.com/vuejs/petite-vue for any functionality you might (components/interactivity/etc.) need.
-
Using script setup and SFC using Vue over CDN
As another alternative, you could look at petite-vue if you just want to sprinkle from Vue-like components throughout your site... Doesn't have the full force of vue, but maybe it's enough.
- Reactivity without using Vue or Livewire?
-
If server-side JavaScript is the newest trend, why don't we just use PHP?
Check out petite vue, it's the gateway drug to frontend js frameworks. If you have complex state management requirements or need a lot of real-time updates in the UI, a js framework can really help make that more straightforward.
-
Ask HN: Getting tired of complexity in web development
And Alpine https://alpinejs.dev/ and petite-vue https://github.com/vuejs/petite-vue
hibiki
-
Show HN: Wave – Modern Open-Source Terminal (macOS and Linux)
Hey Mike. This looks great. Just want to say, unrelated but, I'm a big fan of your Hibiki HTML(https://www.hibikihtml.com/) and wish you would resume work on it at some point. Any plans on that front or is it feature complete? Will you fix bugs if they are discovered? Any way, will try Wave out this weekend, keep up the good work.
- Fore – Declarative user interfaces in plain HTML
- Hibiki HTML – The front-end framework for back-end engineers (Console interview)
-
Hibiki HTML – New Front end Framework (no scaffolding, no Webpack)
One of the best parts of Hibiki is how you can encapsulate functionality easily into libraries (even 3rd party JS like D3). Even if the library requires JavaScript to create, using it looks just like HTML with custom tags. Once more functionality and components are wrapped into Hibiki libraries, writing simple dashboards, forms, and tools will look more and more like simple, clean HTML.
Here's a simple example that displays a scatter plot of data: https://tests.hibikihtml.com/test-d3.html (source code here - https://github.com/dashborg/hibiki/blob/main/static/test-d3.... ). The plot is just written as , data is fetched with "GET https://testapi.hibikihtml.com/api/d3-test"
Source https://github.com/dashborg/hibiki | Interactive Tutorial https://playground.hibikihtml.com/tutorial/
I love JavaScript, but for many projects -- especially internal tools and prototypes -- setting up a full frontend JavaScript stack (npm, webpack, babel, create-react-app, redux) and all of their configuration files, folders, and scaffolding is overkill.
Hibiki HTML incrementally plugs into any backend, using any template language (even static HTML files) with a single script include. It includes a built-in frontend data model, Vue.js-like rendering, built-in AJAX integration, and a full component/library system.
It is also fully scriptable from your backend AJAX handlers. Anything that Hibiki HTML can do on the frontend can be done with a remote handler by returning specially formatted JSON actions. This allows you to write frontend logic (that would normally be JavaScript code) in your backend handlers.
Background -- Hibiki HTML is a standalone, open-source, more powerful version of the frontend language that I had built for my internal tools startup Dashborg over the past year. It is a reaction against the extreme amount of scaffolding and configuration required to set up a new frontend project, especially when you're a backend/devops/data engineer who isn't a JavaScript expert. As more Hibiki libraries are written, the advantages will hopefully become even more clear.
I'd love to get all of your feedback, questions, and comments. Would love a star on Github if you like the idea. Also, feel free to email me, and/or join the Slack workspace I set up (contact info on Github or the tutorial).
Well, I'm obviously not a lawyer, but that definitely was not my intent when I said offer "hosted version of Hibiki HTML" :/ . I meant hosted, like offering a service like Netlify, Next.js, or Heroku or as an integrated development experience (not like a CDN). Also it is 100% fine for anyone to use Hibiki on Netlify or Heroku or any generic hosting service.
Since it was already confusing, I'll work on clarifying that point specifically in the future. https://github.com/dashborg/hibiki/blob/main/LICENSE , tried to make it clear that any generic hosting was fine, and also 100% free if it is used for internal tools.
What are some alternatives?
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
htmx - </> htmx - high power tools for HTML
Alpine
Svelte - Cybernetically enhanced web apps
django-vitevue - Manage Vitejs frontends for Django
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
react-18 - Workgroup for React 18 release.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
laravel-nuxt - A Laravel-Nuxt starter kit.
SlickGrid - A lightning fast JavaScript grid/spreadsheet
fresh - The next-gen web framework.
vitedge - Edge-side rendering and fullstack Vite framework