Welcome to Pickle-Reactor

A Next.js-style Python framework using Pyodide and VDOM diffing

🎯 Phase 2: Interactive Counter

Count: 0

Click the button to increment the counter. State updates trigger re-renders!

📝 Phase 3: Todo List (Keyed Children)

  • Learn Pyodide
  • Build VDOM
  • Add diffing

Add, toggle, or remove items. Keyed children minimize DOM operations!

✅ Server-Side Rendering (SSR)

✅ Python Components

✅ Virtual DOM

✅ HTML Escaping for Security

✅ use_state Hook (Phase 2)

✅ Interactive Event Handlers (Phase 2)

✅ Efficient VDOM Diffing (Phase 3)

✅ Keyed Children Reconciliation (Phase 3)

⏳ Loading Pyodide...