DEV Community

Cover image for Introducing Mahal.js
UJJWAL GUPTA
UJJWAL GUPTA

Posted on

2

Introducing Mahal.js

I have been working on an awesome project since last two years and now it is completed and I can't stop myself to share this with everyone. It was a very tough and interesting journey but i am glad i was able to finish it 😃.

The project is named mahaljs. It is a javascript UI framework similar to reactjs but works without virual DOM similar to Svelte.

The project has been created from scratch. It has its own template engine, uses event based architecture(to make it feel native to javascript). All of its ecosytem projects like store, router etc has been also created from scratch.

These are some of awesome features -

  • Works without virtual DOM
  • Small in size but powerful - 7kb (minified + gzipped)
  • Truly reactive with two way binding
  • Better documenting - you can write documentation with yml syntax inside components
  • Event based architecture
  • Uses modern approach - class based components, decorators etc
  • Focuses on simplicity - simple API's and easy to learn

I have also created a documentation site. Here is link - https://mahaljs.com/docs/get-started/

The mahaljs is opensource and free to use. The project source code can be viewed on github - https://github.com/ujjwalguptaofficial/mahal

You might be wondering why i have created mahaljs, since already lots of framework exists. I have written a dedicated article to explain this, since everyone is asking the very same question - https://medium.com/@ujjwalkrgupta/why-i-created-mahal-js-9141b37fc64

I will request you to please try once 🙏 and share it with others if you liked it. Also feel free to contribute or create your own projects which can help community. Some of the projects ideas, i can think of are - bootstrap-mahal, materialize-mahal, alert UI, mahal-meta etc. Here is official ecosytem projects link - https://mahaljs.com/docs/ecosystem/

Also i am maintaining a dedicated blog for this projects, so that users can understand even smaller things and take advantage of it. Here is the link in case you want to join - https://medium.com/mahal-js

Thanks for reading it guys.

Let's learn and grow together, join me using below social links -

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay