#hashJS

Frontend Databinding and Server-Side Rendering

«Plain and powerful JavaScript Syntax»

Well known syntax

You already know the syntax. #JS delivers the advanced features of a modern framework without the steep learning curve.

Extremely powerful

Powered by the V8 engine. Benefit from the incredible performance optimization that Google has poured into modern JavaScript. 😎

Super fast

Built directly on the browser's native JS engine. This ensures lightning-fast execution for developers and end users alike.

<!-- Simply code your template into your page -->
<div id="app">
    <h1>#title#</h1>
    <ul>
    #for(let item of items) {#
        <li>#item#</li>
    #}#
    </ul>
</div>

<!-- Run JavaScript to bind data to the page -->
<script>
    const data = {
        title: 'My HashJS title',
        items: ['Item 1', 'Item 2', 'Item 3']
    };

    var h = new hashJS("app");
    h.bind(data);
</script>

🚀 Getting started

Try it yourself using this CDN:

<script src="https://cdn.jsdelivr.net/gh/richdafunk/hashJS@v1.3.3/hashJS.js"></script>

⚠️ Security Notice

For your safety, never incorporate direct user input into your templates. The JavaScript within them is executed, which can lead to potential security vulnerabilities.