npm install @beforesemicolon/markup
Why Markup?
The best UI frameworks and libraries out there rely heavily on a good templating system. Nobody uses React without JSX or Angular without its HTML templates. Now, what if you had a standalone reactive templating system? Something that is:
-
Reactive
The template reacts to data changes by performing calculations and changing only the DOM part associated with the data changed.
-
Independent
This templating system requires nothing else in order for you to build anything. It has all you need to start building and UI view quickly.
-
Fast
This library uses one of the fastest HTML parsers out there and combined with targeted reactiveness, it responds to changes only when and where needed.
-
Small
So powerful and yet so tiny. Great things come in small packages.
- ~ 8kb CDN compressed
- ~ 16kb minified
- ~ 175kb raw
-
Simple
It is just JavaScript and HTML. Markup reuses the things already existing in the environment it run and with just two core APIs, learning Markup is straight forward.
-
Client + Server
You can use the same templating system on the client and server and take advantage of all the features to either render things at runtime or on the server.
Quick Start
Install it in your project
or
yarn add @beforesemicolon/markup
Or simply add the following script in the head of your document.
<script src="https://unpkg.com/@beforesemicolon/markup/dist/client.js"></script>
What can you do with it?
The templating system will handle all the rendering needs of your project. With that out of the way, what you can build is up to you. It can be a full web application, a UI components library or the next UI framework. The only limit is your imagination.
Try it