Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fiddleheadjs/fiddlehead

A lightweight library to build user interfaces with JSX and hooks.
https://github.com/fiddleheadjs/fiddlehead

declarative jsx reconciler reconciliation vdom vdom-library virtual-dom virtual-node vnode

Last synced: 11 days ago
JSON representation

A lightweight library to build user interfaces with JSX and hooks.

Awesome Lists containing this project

README

        

# Fiddlehead

[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg?logo=github)](https://github.com/CocCoc-Ad-Platform/fiddlehead/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/fiddlehead.svg?color=green&logo=npm)](https://www.npmjs.com/package/fiddlehead) [![bundle size](https://img.shields.io/github/size/CocCoc-Ad-Platform/fiddlehead/lib/core/esm.production.min.js?color=green)](https://github.com/CocCoc-Ad-Platform/fiddlehead/blob/master/lib/core/esm.production.min.js)



Fiddlehead

Transform your web development experience with Fiddlehead, the streamlined UI library!

Fiddlehead offers a familiar experience for those who have used React,
providing a simple, performant, and lightweight solution for developing web apps.
All you need to write code is JSX and hooks - no extra hassle.

And the best part? Fiddlehead is not only simple, but also incredibly efficient.
Expect up to 50% less memory usage and slightly better CPU performance compared to React,
all in a lightweight package of just 8kb (or 3kb gzipped).

_Discover its features now: https://fiddleheadjs.com_

Embrace the simplicity and power of Fiddlehead!

## Documentation

Some helpful links to get started:

- [Installation](https://fiddleheadjs.com/Guides/Setup-Project)
- [APIs](https://fiddleheadjs.com/API)
- [Writing HTML in JSX](https://fiddleheadjs.com/Guides/Writing-HTML-in-JSX)

## Why Choose Fiddlehead?

- **Tiny**: Fiddlehead is one of the smallest libraries for building user interfaces, making it perfect for projects that require a lightweight solution.
- **Performant**: Fiddlehead is designed to be fast and efficient, consuming less memory than other libraries.
- **Familiar API**: Fiddlehead's API is heavily inspired by React, making it easy for developers who are already familiar with React to get started.
- **No HOCs**: With Fiddlehead, there's no need to use higher-order components (HOCs) like forwardRef and memo.
- **Store**: Fiddlehead includes a simple store API that makes it easy to manage global state.

With its small size, fast performance, and familiar API, Fiddlehead is the perfect choice for developers who need a simple and intuitive solution for building user interfaces.

[Try it on CodeSandbox](https://codesandbox.io/s/fiddlehead-stateful-component-d5pg76?from-embed)

## License

Fiddlehead is [MIT-licensed](./LICENSE) open-source software.