Bunnix

Ultra-lightweight reactive UI framework with keyed list rendering.

Start Here

• Getting Started - install and render your first view

Features

• ✨ Ultra-lightweight (minimal bundle size)
• ⚡ Functional-first approach
• 📦 Single module package
• 🎯 Keyed list rendering

Quick Start

npm install @bunnix/core

Documentation

Core Concepts

• Core Overview - the Bunnix mental model and API map
• Elements - tag DSL and factory usage
• Rendering - render and mount flow
• State - useState and State API
• Effects - immediate effects and cleanup
• Directives - Show and ForEach
• Refs - useRef for DOM access
• Lifecycle - whenReady
• JSX - optional JSX usage
• SVG Components - inline SVG via SVGR

Examples

• Examples Overview
• Counter
• Todo List
• Async Data

Troubleshooting

• Troubleshooting - help for performance-sensitive patterns like ForEach in huge lists.