Essor - Next Generation Frontend Framework

🚀 It's just JavaScript - Instant start, ultimate performance, no complex concepts

English | 简体中文

✨ Features

• 🚀 Ultimate Performance - Signal-based reactive system, no virtual DOM
• 🎯 Zero Config - Works out of the box, no complex configuration
• 🔧 TypeScript - Full TypeScript support
• 🎨 JSX Support - Familiar JSX syntax, easy to learn
• 📦 Modular - Tree-shakable, tiny bundle size
• 🌐 SSR/SSG - Server-side rendering and static site generation support
• 🔄 HMR - Hot module replacement, excellent development experience
• 🛠️ Toolchain - Complete build toolchain support

🚀 Quick Start

1. Create Project

# Using create-essor
npm create essor@latest my-app

# Or install manually
npm install essor

2. Write Component

import { signal } from 'essor';

function Counter() {
  const count = signal(0);

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={() => count.value++}>
        Increment
      </button>
    </div>
  );
}

3. Start Development Server

npm run dev

📚 Documentation

• Documentation
• API Reference
• Examples
• Online Playground

🎯 Examples

Check out the examples directory for more examples:

• Basic Example - Getting started
• Todo App - Complete application
• SSR Example - Server-side rendering
• SSG Example - Static site generation
• Suspense Example - Async components
• Portal Example - Portal components

🤝 Contributing

We welcome all forms of contributions!

• 🐛 Report Bugs
• 💡 Suggest Features
• 📝 Submit PRs
• 📚 Improve Documentation

Development Setup

# Clone repository
git clone https://github.com/estjs/essor.git
cd essor

# Install dependencies
pnpm install

# Start development mode
pnpm dev

# Run tests
pnpm test

# Build project
pnpm build

📄 License

MIT License

🙏 Acknowledgments

Thanks to all developers who contributed to Essor!

If this project helps you, please give us a ⭐️

GitHub | Documentation | Discussions