The latest articles on DEV Community by Deb Axom (@debaxom). https://dev.to/debaxom https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1069493%2F325f6257-d25c-4ec4-bb34-67905986e0bb.png https://dev.to/debaxom en Deb Axom Thu, 31 Jul 2025 17:00:32 +0000 https://dev.to/debaxom/i-hated-react-so-i-created-my-own-web-framework-nijor--8cl https://dev.to/debaxom/i-hated-react-so-i-created-my-own-web-framework-nijor--8cl <h2> Origin Story </h2> <p>In 2020, at the age of 14, I stumbled upon React. Its complexity intimidated me, but the idea of custom HTML tags through components sparked my curiosity. Inspired by React and Vue, I set out to build my own web framework from scratch. By the end of the year, after countless hours of effort, I had created Nijor : a lightweight framework powered by JavaScript classes which allowed developers to write custom HTML tags. I was just shy of my 15th birthday when I completed the first version.</p> <h2> Why "Nijor" ? </h2> <p>The name Nijor comes from the Assamese word "নিজৰ," meaning "my own." It reflects the framework’s core philosophy: empowering developers to craft their own custom HTML tags with unique attributes, tailored to their needs.</p> <h2> Why Choose Nijor ? </h2> <p><strong>Reusable Components</strong> : Nijor lets you write modular, reusable components in *.nijor files. This keeps your codebase clean, organized, and easier to debug, saving time and effort.</p> <p><strong>Scoped CSS</strong> : Say goodbye to CSS conflicts. Nijor scopes styles to individual components, ensuring they don’t interfere with each other. Need global styles? Just add them to style.css.</p> <p><strong>Effortless Routing</strong> : Nijor’s file-system-based client-side router works out of the box. No configuration or extra code is needed, and it supports parameterized routing for dynamic pages.</p> <p><strong>Server-Side Rendering (SSR)</strong> : Nijor supports SSR with a unique approach, setting it apart from other frameworks and enabling faster page loads.</p> <p><strong>Reactivity (Beta)</strong> : Experiment with reactive variables using a specialized JavaScript syntax. While still in development, this feature lays the groundwork for dynamic, responsive applications.</p> <h2> How does Nijor work ? </h2> <p>Nijor uses Rolldown (earlier used Rollup) and JSDOM behind the scene to compile all the *.nijor files to browser readable *.js files.</p> <h2> Get Started with Nijor ! </h2> <p>Ready to explore ? Check out the <a href="https://nijorjs.github.io" rel="noopener noreferrer">Nijor Docs</a>.</p>