Actualizar Readme.md
This commit is contained in:
26
Readme.md
26
Readme.md
@@ -1,6 +1,6 @@
|
|||||||
Blazing fast, zero-overhead, vanilla JS renderer with atomic reactivity.
|
Blazing fast, zero-overhead, vanilla JS renderer with atomic reactivity.
|
||||||
|
|
||||||
# `SigPro` ⚛️
|
# `SigPro`
|
||||||
|
|
||||||
[](https://www.npmjs.com/package/sigpro)
|
[](https://www.npmjs.com/package/sigpro)
|
||||||
[](https://bundlephobia.com/package/sigpro)
|
[](https://bundlephobia.com/package/sigpro)
|
||||||
@@ -16,23 +16,23 @@ After years of building within closed ecosystems like **React, Vue, or Svelte**
|
|||||||
|
|
||||||
That extra development time and the cognitive load of "learning the framework" instead of "learning the language" is exactly what **SigPro** eliminates. If the final destination is always JS, why not use a Pure JS-based system that drastically simplifies coding with a readable, vanilla, and remarkably fast architecture?
|
That extra development time and the cognitive load of "learning the framework" instead of "learning the language" is exactly what **SigPro** eliminates. If the final destination is always JS, why not use a Pure JS-based system that drastically simplifies coding with a readable, vanilla, and remarkably fast architecture?
|
||||||
|
|
||||||
* 🎯 **Atomic Precision:** Powered by a *Signal-based* architecture. State is bound directly to DOM nodes—when a value changes, **only that specific node updates**.
|
* **Atomic Precision:** Powered by a *Signal-based* architecture. State is bound directly to DOM nodes—when a value changes, **only that specific node updates**.
|
||||||
* 🚀 **Zero-Hydration Bottlenecks:** No 100KB bundles or complex build steps. SigPro is pure, optimized JavaScript tailored for the browser's native engine.
|
* **Zero-Hydration Bottlenecks:** No 100KB bundles or complex build steps. SigPro is pure, optimized JavaScript tailored for the browser's native engine.
|
||||||
* 🍦 **Pure Vanilla JS Performance:** High-octane performance without the need for transpilers or heavy transformations. It runs natively in the browser just as well as it does in complex build pipelines.
|
* **Pure Vanilla JS Performance:** High-octane performance without the need for transpilers or heavy transformations. It runs natively in the browser just as well as it does in complex build pipelines.
|
||||||
* 🛠️ **Build-Tool Agnostic:** Total freedom. Use it with **Vite, Webpack, or Rollup** for enterprise projects, or simply import it via a **`<script>` tag** for rapid prototyping. No tooling required.
|
* **Build-Tool Agnostic:** Total freedom. Use it with **Vite, Webpack, or Rollup** for enterprise projects, or simply import it via a **`<script>` tag** for rapid prototyping. No tooling required.
|
||||||
* 🚀 **Vite-Powered DX:** First-class Vite support with **file-based routing** out of the box. The official `sigpro/vite` plugin automatically scans your `src/pages` directory and generates reactive routes—no manual route configuration needed.
|
* **Vite-Powered DX:** First-class Vite support with **file-based routing** out of the box. The official `sigpro/vite` plugin automatically scans your `src/pages` directory and generates reactive routes—no manual route configuration needed.
|
||||||
* 📈 **Zero-Scale Bloat:** Unlike other frameworks where the bundle grows exponentially, SigPro's footprint remains **flat and predictable**. You only pay for the code you write.
|
* **Zero-Scale Bloat:** Unlike other frameworks where the bundle grows exponentially, SigPro's footprint remains **flat and predictable**. You only pay for the code you write.
|
||||||
* 💎 **Premium DX (Developer Experience):** Forget boilerplate imports. SigPro injects an elegant, functional syntax (`div()`, `button()`, `span()`) directly into your scope for a **"Zero-Import"** workflow.
|
* **Premium DX (Developer Experience):** Forget boilerplate imports. SigPro injects an elegant, functional syntax (`div()`, `button()`, `span()`) directly into your scope for a **"Zero-Import"** workflow.
|
||||||
* 📦 **Fully Loaded:** Built-in Hash Routing, native **`localStorage` persistence**, and automatic lifecycle management (cleanups) included in less than 2KB.
|
* **Fully Loaded:** Built-in Hash Routing, native **`localStorage` persistence**, and automatic lifecycle management (cleanups) included in less than 2KB.
|
||||||
* 🌳 **Tree-Shakable:** Optimized for modern bundlers. Import only what you use, or load the full engine for rapid prototyping.
|
* **Tree-Shakable:** Optimized for modern bundlers. Import only what you use, or load the full engine for rapid prototyping.
|
||||||
|
|
||||||
-----
|
-----
|
||||||
|
|
||||||
## ⚡ Real-World Benchmarks
|
## Real-World Benchmarks
|
||||||
|
|
||||||
SigPro isn't just "fast on paper." In the industry-standard **JS Framework Benchmark**, it consistently outperforms the most popular libraries by operating at near-native speeds with almost zero memory overhead.
|
SigPro isn't just "fast on paper." In the industry-standard **JS Framework Benchmark**, it consistently outperforms the most popular libraries by operating at near-native speeds with almost zero memory overhead.
|
||||||
|
|
||||||
### 🚀 Execution Speed (CPU)
|
### Execution Speed (CPU)
|
||||||
*Lower is better. Measured in milliseconds (ms).*
|
*Lower is better. Measured in milliseconds (ms).*
|
||||||
|
|
||||||
| Benchmark Test | **SigPro** | SolidJS | Vue 3 | React 18 |
|
| Benchmark Test | **SigPro** | SolidJS | Vue 3 | React 18 |
|
||||||
@@ -41,7 +41,7 @@ SigPro isn't just "fast on paper." In the industry-standard **JS Framework Bench
|
|||||||
| **Direct Selection** (on click) | **17.5ms** | ~18ms | ~32ms | ~65ms |
|
| **Direct Selection** (on click) | **17.5ms** | ~18ms | ~32ms | ~65ms |
|
||||||
| **Initial Render** (1k rows) | **~35ms** | ~32ms | ~45ms | ~70ms |
|
| **Initial Render** (1k rows) | **~35ms** | ~32ms | ~45ms | ~70ms |
|
||||||
|
|
||||||
### 🧠 Memory Footprint
|
### Memory Footprint
|
||||||
*Lower is better. Measured in Megabytes (MB) after 1k rows.*
|
*Lower is better. Measured in Megabytes (MB) after 1k rows.*
|
||||||
|
|
||||||
| Metric | **SigPro** | Vanilla JS | Svelte | React |
|
| Metric | **SigPro** | Vanilla JS | Svelte | React |
|
||||||
|
|||||||
Reference in New Issue
Block a user