Why SIPA? Native JavaScript. No Framework Lock-In.
SIPA embraces modern web standards instead of introducing another proprietary ecosystem. Developers work with standard JavaScript, proven libraries and lightweight conventions. Skills learned in SIPA remain valuable across the entire JavaScript ecosystem.
Build applications with JavaScript, not with a framework-specific language.
SIPA focuses on web standards, native browser capabilities and established libraries. Developers spend their time learning JavaScript itself instead of memorizing framework-specific concepts, APIs and abstractions.
| Feature / Metric | 🧬 SIPA | ⚛️ React | 💚 Vue | 🅰️ Angular |
|---|---|---|---|---|
| Compilation Time (Dev Mode) | ⚡ 0.0s (Instant) | ⏳ 1.5s - 5.0s | ⏳ 1.0s - 3.0s | ⏳ 3.0s - 10.0s+ |
| Hot Reload / Refresh | ⚡ Native / Instant | ~200ms - 500ms | ~100ms - 400ms | ~400ms - 1.5s |
| Build Pipeline Needed | ❌ No (Optional for Production) | ✅ Required | ✅ Required | ✅ Required |
| Debugging Accuracy | 🎯 1:1 Source Code | 🔍 Source Maps | 🔍 Source Maps | 🔍 Source Maps |
| Native JavaScript Usage | ✅ Pure JavaScript | ⚠️ JSX | ⚠️ Vue SFCs | ⚠️ Angular Templates |
| Framework-Specific Syntax | ✅ None | ⚠️ JSX + Hooks | ⚠️ Directives | ⚠️ Decorators + DI |
| Learning Curve for JavaScript Developers | 🚀 Very Low | 📚 Medium | 📚 Medium | 📚 High |
| Existing JavaScript Knowledge Reusable | ✅ Immediately | ⚠️ Partially | ⚠️ Partially | ⚠️ Requires Angular Concepts |
| JavaScript Skill Growth | ✅ Learn and deepen real JavaScript | ⚠️ Learn React patterns | ⚠️ Learn Vue patterns | ⚠️ Learn Angular ecosystem |
| Career Portability of Skills | ✅ Works everywhere JavaScript is used | ⚠️ React-centric expertise | ⚠️ Vue-centric expertise | ⚠️ Angular-centric expertise |
| Web Standards Alignment | ✅ Very High | ⚠️ Framework Abstraction | ⚠️ Framework Abstraction | ⚠️ Framework Abstraction |
| Project Structure | 🧭 Lightweight Conventions | ⚠️ Team Defined | ⚠️ Team Defined | 📐 Strongly Prescribed |
| Custom Theming | 🎨 Native (S)CSS Freedom | ✅ Flexible | ✅ Flexible | ⚠️ Framework-Oriented |
| External Library Integration | ✅ Straightforward | ⚠️ Framework Patterns | ⚠️ Framework Patterns | ⚠️ Angular Ecosystem Preferred |
| Vendor Lock-In Risk | ✅ Minimal | ⚠️ Medium | ⚠️ Medium | ⚠️ Higher |
| Node Modules Footprint | 🌱 Lightweight | 📦 Heavy | 📦 Heavy | 📦 Very Heavy |
Key Takeaway
With SIPA, developers invest their time into learning actual JavaScript, browser APIs and web standards. Those skills stay valuable regardless of future technology trends. Many frameworks require learning framework-specific concepts that provide less benefit outside their own ecosystem.

Javascript framework hype
Have you also wondered why more and more big JavaScript frameworks have appeared in the last few years, often sponsored by well-known companies and offering somewhat interesting concepts, but not having much in common with the original JavaScript?
Did you have the impression that completely new worlds were developed there, as if you had to learn a new language?
Did you have the impression that development used to be much easier and more intuitive before these frameworks appeared?
Does it annoy you that you write code that has not much to do with the code that is executed in the browser? Would you rather just be able to run and debug your code in the browser?
Do you prefer to choose the libraries you need and combine them into your own project?
Have you considered building your own lightweight framework and adding the libraries you need?
If you find yourself somewhere in the questions here, you might really like Sipa.

Why Sipa?
I just want to develop with Javascript: The code I write IS the code I run in the browser.
Writing Javascript and HTML the old way, but using the latest, modern JavaScript! So I can directly run and debug my code in the browser without any special tools. Instantly!
No modules! Really? Really!
Intensive transpiling is not even necessary, you can deploy 1:1 your code if you want to. But of course you can transpile the project for uglifying and minifying/compressing your code using the production build feature. I can even create a single file production build out of the box!
I don't want to learn a new framework world. I can JavaScript, I want to do JavaScript. I want it simple, I want it stupid easy. So I can add whatever library I want if I need to.
Even a component system is provided. But it doesn't need transpiling and can be used or introduced separately in other projects without even using Sipa itself! And it has no language of its own, it uses EJS, so it's just pure JavaScript!
A framework that gives me a frame, but doesn't force me into it.
... and in the end I want to be a happy programmer (again)! 😊

Main features
- Solid basic project structure
- Simple but powerful page pattern structure with loader / router
- Live development web server for JavaScript and SCSS
- Life cycle with hook feature
- Internationalization out of the box
- Global state storage to keep state on three different persistence levels
- Builder to (optionally) create compressed and minified .js and .css for production
- EJS template engine included
- Easy and powerful SipaComponent in pure JavaScript to encapsulate logic
- Good old jQuery
To get an overview of the framework, take a look at: