🎯 Reactive Data Binding Demo

Experience automatic two-way data binding with rnxJS

1️⃣ Basic Two-Way Binding

Type in the input to see real-time updates

Hello, stranger! 👋

2️⃣ Multiple Elements, Same Binding

All elements stay in sync automatically

Email entered: none

3️⃣ Profile Form (Nested Objects)

Demonstrates nested property paths

Profile Summary:
Name: - -
Age: -
City: -

4️⃣ Checkboxes & Options

Boolean binding with checkboxes

Newsletter: false
Dark Mode: false

5️⃣ Textarea Binding

Multi-line text synchronization

Preview

Your message will appear here...

6️⃣ Shopping Cart

Update quantity and product name

Cart Summary:
Product: -
Quantity: 0
Unit Price: $0

Total: $0

🔍 State Inspector

Current reactive state (updates in real-time)

Loading...