0.1.3 • Published 5 years ago
@xhtm/xhtm v0.1.3
@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 |