Little-h NPM | npm.io

Little H

No transpiler bullshit.
Use react-like API to build the UI, but does not help you update it frequently.
Ignorable 1Kb size.

<html>
  <head>
    <title>
      My Little Page
    </title>

    <style>
      .search-form-header {
        background: red;
      }
    </style>
  </head>
  <body>
    <script type="module">
      import { h } from 'https://unpkg.com/little-h@latest/dist/index.module.js';

      const Header = () => {
        return h('div',
          { class: 'search-form-header' },
          h('h1', {}, 'Weather Search'),
          h('p', {}, 'Fill out the form to get weather info!'),
        );
      };

      document.body.appendChild(h(Header).render());
    </script>
  </body>
</html>

Installation

Install via package manager
```
yarn add light-h
# npm i light-h
```
Import via ECMAScript Module
```
<script type="module">
  import { h } from 'https://unpkg.com/little-h@latest/dist/index.module.js';

  // do something with h

</script>
```
Make sure you have type="module" in the script attributes and your browser (thankfully) supports necesssary ES6 features.

API Reference

h(component, [props], [...children])
- Create a element (virtual dom) representing the UI you want to build.
useRef
- useRef hook
useEffect
- useEffect hook
Element.render
- Build the virtual element into HTML element.

react html dom tiny

@everything-registry/sub-chunk-2084 @infinitebrahmanuniverse/nolb-litt @zalastax/nolb-litt

0.0.3

3 years ago

0.0.2

3 years ago