https://github.com/hyper-ui/core

A lightweight front-end UI lib.
https://github.com/hyper-ui/core

3h core front-end hui hyper-ui jsx lightweight tsx typescript ui vdom virtual-dom

Last synced: 8 days ago
JSON representation

A lightweight front-end UI lib.

• Host: GitHub
• URL: https://github.com/hyper-ui/core
• Owner: hyper-ui
• License: mit
• Created: 2018-11-24T14:37:32.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-10T14:11:24.000Z (over 5 years ago)
• Last Synced: 2024-10-16T12:30:48.942Z (20 days ago)
• Topics: 3h, core, front-end, hui, hyper-ui, jsx, lightweight, tsx, typescript, ui, vdom, virtual-dom
• Language: TypeScript
• Size: 412 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hyper-ui

> A lightweight front-end UI lib.

## Links

- [Documents](https://github.com/hyper-ui/core/wiki)

- [Changelog](https://github.com/hyper-ui/core/blob/master/CHANGELOG.md)

- [License (MIT)](https://github.com/hyper-ui/core/blob/master/LICENSE)

## Hello World

```js

// Define a component called `Greeting`

const Greeting = HUI.define('Greeting', {

    // Define the renderer

    render(props) {

        // Render a simple heading

        return HUI('h1', { style: { textAlign: 'center' } }, [

            'Hello,',

            props.target,

            '!'

        ]);

    }

});

// Render the app

HUI.render(

    // Create a greeting instance

    HUI(Greeting, { target: 'world' })

);

```