@xhtm/xhtm

A Javascript micro-framework for Next Gen Web Applications

Features

• :scissors: Small Footprint : < 5 KB minifined and gzipped
• :zap: High Performance: keyed vdom diffs, avoid GC thrash
• :rocket: Style Encapsulation: with css-in-js solution
• :tada: Best DX: Devtools Integration, No Build Step (except JSX)
• :family: Familiar: ideas from Redux like libraries
• :convenience_store: Convenient - Connected Components without boilerplate
• :rainbow: Zero Dependencies

Installation

Grab it from CDN

<script type="module" src="https://cdn.pika.dev/@xhtm/xhtm"></script>

or import it from CDN

import { h, render, css, store, dispatch } from 'https://cdn.pika.dev/@xhtm/xhtm';

or from NPM

yarn add xhtm

and then import it in your application as you normally would.

import { h, render, css, store, dispatch } from '@xhtm/xhtm';

Usage

Test Coverage

Roadmap

• [ ] composes API for CSS

• [ ] dynamic CSS based on props

• [ ] component lazy loading

• [ ] better integration with GraphQL

• [ ] Performace Testing

• [ ] Better Documentation

• [ ] More Examples

• [ ] SPA Router

• [ ] Server Side Rendering

• [ ] Design System => colors, fonts, fontsizes, spacing, media + Base Styles

Acknowledgements

This library was inspired by many of the pre-existing libraries/packages for existence of which we are greatly thankful of.

Specifical thanks to:

| React | Styled Components | | --------------------------------------------------------------------- | --------------------------------------------------------- | | Redux | stylis | | beedle | hyperapp |

License

MIT License @ osdevisnot