|
3 | 3 | Welcome to **purify.js**—a lightweight (≈1 kB) reactive DOM utility library focused on simplicity and performance. This guide will walk you |
4 | 4 | through all aspects of using **purify.js** to build reactive UIs. |
5 | 5 |
|
6 | | -## Table of Contents |
7 | | - |
8 | | -- [Reactivity System](#reactivity-system) |
9 | | - - [Signal Basics](#signal-basics) |
10 | | - - [Signal Architecture](#signal-architecture) |
11 | | - - [Signal Types](#signal-types) |
12 | | - - [Following Changes](#following-changes) |
13 | | - - [Deriving New Signals](#deriving-new-signals) |
14 | | - - [derive() vs computed()](#derive-vs-computed) |
15 | | -- [DOM Building](#dom-building) |
16 | | - - [Creating Elements](#creating-elements) |
17 | | - - [Attributes vs Properties](#attributes-vs-properties) |
18 | | - - [The Builder Pattern](#the-builder-pattern) |
19 | | - - [Understanding $ in Method Names](#understanding--in-method-and-property-names) |
20 | | - - [Working with Signals in the DOM](#working-with-signals-in-the-dom) |
21 | | - - [Helper Functions for DOM Updates](#helper-functions-for-dom-updates) |
22 | | - - [Signals Require Lifecycle Support](#signals-require-lifecycle-support) |
23 | | -- [Lifecycle Management](#lifecycle-management) |
24 | | - - [WithLifecycle Mixin](#withlifecycle-mixin) |
25 | | - - [Using $bind for Lifecycle Events](#using-bind-for-lifecycle-events) |
26 | | - - [Building Components](#building-components) |
27 | | -- [Advanced Patterns](#advanced-patterns) |
28 | | - - [Two-way Binding](#two-way-binding) |
29 | | - - [Shadow DOM Integration](#shadow-dom-integration) |
30 | | - - [Web Components](#web-components) |
31 | | -- [Performance Considerations](#performance-considerations) |
32 | | -- [Summary](#summary) |
33 | | - |
34 | | ---- |
35 | | - |
36 | 6 | ## Reactivity System |
37 | 7 |
|
38 | 8 | ### Signal Basics |
|
0 commit comments