0.1.3 • Published 5 years ago

@xhtm/xhtm v0.1.3

Weekly downloads
7
License
MIT
Repository
github
Last release
5 years ago

@xhtm/xhtm

A Javascript micro-framework for Next Gen Web Applications

npm bundle size (scoped) Build Status Greenkeeper badge License: MIT

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

xHTM annotated screenshot

Test Coverage

xHTM coverage screenshot

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:

ReactStyled Components
Reduxstylis
beedlehyperapp

License

MIT License @ osdevisnot

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago