natxocc/sigpro
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update Readme.md

Browse Source
This commit is contained in:
Natxo
2026-03-13 11:36:15 +01:00
committed by GitHub
parent ffd163b55b
commit efa3280e0c
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
Readme.md
View File

@@ -1,4 +1,4 @@
# SigPro ?? # SigPro 🚀
A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity. A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.
@@ -6,7 +6,7 @@ A minimalist reactive library for building web interfaces with signals, effects,
[![bundle size](https://img.shields.io/bundlephobia/minzip/sigpro)](https://bundlephobia.com/package/sigpro) [![bundle size](https://img.shields.io/bundlephobia/minzip/sigpro)](https://bundlephobia.com/package/sigpro)
[![license](https://img.shields.io/npm/l/sigpro)](https://github.com/yourusername/sigpro/blob/main/LICENSE) [![license](https://img.shields.io/npm/l/sigpro)](https://github.com/yourusername/sigpro/blob/main/LICENSE)
## ?? Installation ## 📦 Installation
```bash ```bash
npm install sigpro npm install sigpro
@@ -19,18 +19,18 @@ Or directly in the browser:
</script> </script>
``` ```
## ?? Philosophy ## 🎯 Philosophy
SigPro (Signal Professional) embraces the web platform. Built on top of Custom Elements and reactive proxies, it offers a development experience similar to modern frameworks but with a minimal footprint and zero dependencies. SigPro (Signal Professional) embraces the web platform. Built on top of Custom Elements and reactive proxies, it offers a development experience similar to modern frameworks but with a minimal footprint and zero dependencies.
**Core Principles:** **Core Principles:**
- ?? **True Reactivity** - Automatic dependency tracking, no manual subscriptions - 📡 **True Reactivity** - Automatic dependency tracking, no manual subscriptions
- ? **Surgical Updates** - Only the exact nodes that depend on changed values are updated - ⚡ **Surgical Updates** - Only the exact nodes that depend on changed values are updated
- ?? **Web Standards** - Built on Custom Elements, no custom rendering engine - 🧩 **Web Standards** - Built on Custom Elements, no custom rendering engine
- ?? **Intuitive API** - Learn once, use everywhere - 🎨 **Intuitive API** - Learn once, use everywhere
- ?? **Predictable** - No magic, just signals and effects - 🔬 **Predictable** - No magic, just signals and effects
## ?? API Reference ## 📚 API Reference
--- ---
@@ -933,7 +933,7 @@ $$(() => {
--- ---
## ?? Complete Examples ## 🎮 Complete Examples
### Real-time Todo Application ### Real-time Todo Application
@@ -1122,7 +1122,7 @@ $component('todo-app', () => {
return html` return html`
${styles} ${styles}
<div class="todo-app"> <div class="todo-app">
<h1>?? Todo App</h1> <h1>📝 Todo App</h1>
<!-- Add Todo --> <!-- Add Todo -->
<div class="todo-input"> <div class="todo-input">
@@ -1181,7 +1181,7 @@ $component('todo-app', () => {
<span @dblclick=${() => startEdit(todo)}> <span @dblclick=${() => startEdit(todo)}>
${todo.text} ${todo.text}
</span> </span>
<button @click=${() => deleteTodo(todo.id)}>?</button> <button @click=${() => deleteTodo(todo.id)}>✕</button>
`} `}
</div> </div>
`)} `)}
@@ -1286,7 +1286,7 @@ $component('data-dashboard', () => {
return html` return html`
<div class="dashboard"> <div class="dashboard">
<h2>?? Real-time Dashboard</h2> <h2>📊 Real-time Dashboard</h2>
<!-- Controls --> <!-- Controls -->
<div class="controls"> <div class="controls">
@@ -1342,7 +1342,7 @@ $component('data-dashboard', () => {
}, []); }, []);
``` ```
## ?? Advanced Patterns ## 🔧 Advanced Patterns
### Custom Hooks ### Custom Hooks