Blah.js

Toy Library for creating Web Components

View Demo · Report Bug · Request Feature

---

About The Project

This is a software development library designed to assemble user interfaces with the capability of dynamically rendering data. The library is developed using Typescript and is bundled with Parcel. The system supports code-sharing functionality with files that have a .blah file extension. Efficient updates to the Document Object Model (DOM) are processed through an identification-based element tracking method.

Why to use Blah.js?

• Code-Sharing & Splitting
• Dynamic Variables and Functions

(back to top)

Getting Started

How to get started

Prerequisites

• npm

  npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

1. Install the package by running

  npm i @sarf_alam/blahjs

or use the cdn by embedding in the html

    <script src="https://unpkg.com/@sarf_alam/blahjs/build/global.js"></script>

2. Configure Blah.js by

    Blah.StartApp('app');

3. You project has been set up, now you can see your changes by the adding <blah.template> given below

    <div id="app">
      <blah.template path="app.blah" />
    </div>    

   similarly your app.blah contains the code in the following format

     <template>
      <h1>
        Hello World
      </h1>
    </template>
   
    <script>
     // Add your JS Code here
    </script>

For more such examples you can check out the deployed website at https://sarfraz-droid.github.io/blah.js/

(back to top)

Currently in development