41–46 of 46 posts
Use any tiny View Library like Preact Inferno, etc. and use the Flux Architecture without any other framework, you implement the store by hand or using some immutable lib and use a simple dispatcher. That way you have a maintainable code since Flux is pretty popular and no big framework.
It looks like tiny React and is just 511b gzipped.
Earlier quoted context omitted.
What "hacks" do you expect from using plain JavaScript? The biggest hack in plain JS is usually in my experience creating HTML elements dynamically based on data. That's where Handlebars would come in.
I just mean that over the course of building vanilla JavaScript applications, people often add layer of functionality that are implemented worse than libraries, are harder to maintain, or are not as compatible. Like yes, I could build my own routing library, and that is probably fine, and yes I can build my own state management library, and so on, but at a certain point you are just rebuilding a framework from scratc…
But that's the beauty of using Handlebars. If at a later date you do need a full fledge framework, you can use Ember - that uses a superset of Handlebars.
Why do you need such a tiny footprint?
I need a footprint that works well with mobile devices, slow internet connections, etc. Also, I prefer smaller frameworks as they have less cognitive load - I usually am more able to read the source code, understand the API, and so on.
You'd be better using something small and efficient like Vue to get it released and optimise it later if it's successful. Optimising now for extremely small file sizes doesn't sound like a good idea to me in terms of getting it finished.
The reality with side projects is they're much more likely not to be used because they're not finished, not because they're a few KB too big.
http://mithril.js.org/ Size < 8kb gzipped (includes routing and ajax)
Do you know of any good mithril projects out in the wild?
Memrise.com use it for their apps.
Guild Wars 2 uses it for in-game UI.
More here: https://github.com/lhorie/mithril.js/wiki/Who-Uses-Mithril
Edit Gruntfile.js to do that or try a site like: projects.jga.me/jquery-builder/
You can get sub-20Kb builds with just what you need. I did that recently to inline the core parts ...
One tip, if you use the builder, take a screenshot! The file generated will have a comment block with - in front of omitted modules, e.g. -ajax if you prefer plain old fetch & other useful info. But the screenshot shows exactly what options you set.