Small changes in docs
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
# 🏗️ The DOM Factory: `$.html( )`
|
||||
|
||||
`$.html` is the internal engine that creates, attributes, and attaches reactivity to DOM elements. In V2, it uses `$.watch` to maintain a live, high-performance link between your Signals and the Document Object Model.
|
||||
`$.html` is the internal engine that creates, attributes, and attaches reactivity to DOM elements. It uses `$.watch` to maintain a live, high-performance link between your Signals and the Document Object Model.
|
||||
|
||||
## 🛠 Function Signature
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
# ⚡ Quick API Reference (V2)
|
||||
# ⚡ Quick API Reference
|
||||
|
||||
SigPro is a high-performance micro-framework that updates the **Real DOM** surgically. No Virtual DOM, no unnecessary re-renders, and built-in **Saneamiento** (memory cleanup).
|
||||
|
||||
@@ -36,14 +36,3 @@ Tag({ attributes }, [children])
|
||||
| **Two-way** | `$value: username` | **Binding Operator**: Syncs input $\leftrightarrow$ signal both ways. |
|
||||
| **Text** | `P({}, () => count())` | Updates text node surgically without re-rendering the `P`. |
|
||||
| **Boolean** | `hidden: isHidden` | Toggles the attribute based on signal truthiness. |
|
||||
|
||||
---
|
||||
|
||||
## 🧹 Saneamiento (Memory Management)
|
||||
|
||||
In SigPro V2, you rarely need to clean up manually, but the tools are there if you build custom components:
|
||||
|
||||
* **Automatic**: Anything inside `$.If`, `$.For`, or `$.router` is "swept" when it disappears.
|
||||
* **Manual**: Use `instance.destroy()` for apps or `$.cleanup(el)` for manual DOM injections.
|
||||
* **Internal**: Every element carries a `._cleanups` Set with its own reactive "kill-switches".
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
# 🎨 Global Tag Helpers
|
||||
|
||||
In **SigPro V2**, you don't need to manually type `$.html('div', ...)` for every element. To keep your code declarative and readable, the engine automatically generates **Global Helper Functions** for all standard HTML5 tags upon initialization.
|
||||
In **SigPro**, you don't need to manually type `$.html('div', ...)` for every element. To keep your code declarative and readable, the engine automatically generates **Global Helper Functions** for all standard HTML5 tags upon initialization.
|
||||
|
||||
## 1. How it Works
|
||||
|
||||
@@ -59,7 +59,7 @@ Span(42);
|
||||
|
||||
---
|
||||
|
||||
## 4. Reactive Power V2
|
||||
## 4. Reactive Power
|
||||
|
||||
These helpers are natively wired into SigPro's **`$.watch`** engine. No manual effect management is needed; the lifecycle is tied to the DOM node.
|
||||
|
||||
@@ -109,7 +109,7 @@ Since SigPro injects these helpers into the global `window` object, follow these
|
||||
|
||||
## 5. Logic to UI Comparison
|
||||
|
||||
Here is how a dynamic **User Status** component translates from SigPro logic to the final DOM structure, handled by the V2 "Saneamiento" engine.
|
||||
Here is how a dynamic **User Status** component translates from SigPro logic to the final DOM structure, handled by the engine.
|
||||
|
||||
```javascript
|
||||
// SigPro Component
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
# ⚡ Reactivity Control: `$.watch( )`
|
||||
|
||||
The `$.watch` function is the reactive engine of SigPro. It allows you to execute code automatically when signals change. In V2, `$.watch` is **polymorphic**: it can track dependencies automatically or follow an explicit list.
|
||||
The `$.watch` function is the reactive engine of SigPro. It allows you to execute code automatically when signals change. `$.watch` is **polymorphic**: it can track dependencies automatically or follow an explicit list.
|
||||
|
||||
## 🛠 Function Signature
|
||||
|
||||
|
||||
Reference in New Issue
Block a user