Introduction to the Blaze Script Framework

Blaze Script is a framework for frontend or display website development. Just like Vue or React, each of which has its advantages and disadvantages. For now, the blaze script is still in the development stage, but it is possible to become the framework of choice for production.

Then what is the purpose of my making the framework? My goal is out of curiosity how to create a Virtual DOM (Document Object Model). And also to hone my skills whether I am able to make it or not, even if it’s only a self-taught learning capital :)

Features are almost the same as frameworks or libraries in general. Starting from a state management, context, lifecycle, models, props and so on. Because it uses jsx as a template compiler so it is very similar to writing with React JS. Instead of like a hook function in react, I implemented it in this framework but a function like a class that uses something like ‘this’.

Examples like this

Installation

Here are the steps for the installation:

1. Clone repository

With default branch

git clone git@github.com:ferdiansyah0611/blaze-script.git myapp && cd myapp && npm i

Or with branch dev (development)

git clone git@github.com:ferdiansyah0611/blaze-script.git -b dev myapp && cd myapp && npm i

2. Make sure typescript is installed on your desktop. If not, open a terminal and type npm i typescript

Procedure

The following is the process flow used in the component.

Flowchart On Blaze Script

Example

Here’s an example for making a simple note web app

Blaze Script has built-in plugins that are usually very much needed and there is no need to install them anymore. The plugins are like Router, Form Validation, Query (Request Cache) and others.

For more information, please open the documentation here or open the repository in here

Would you like to contribute to developing the Blaze Script framework? Please to comment in the comments column.