https://github.com/crewdevio/insertion-js

build user interfaces using JSX and vDOM 🐱‍👤
https://github.com/crewdevio/insertion-js

insertion-js javascript jsx nodejs user-interface vdom virtual-dom

Last synced: 21 days ago
JSON representation

build user interfaces using JSX and vDOM 🐱‍👤

• Host: GitHub
• URL: https://github.com/crewdevio/insertion-js
• Owner: crewdevio
• License: mit
• Created: 2020-04-12T22:55:30.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-10T04:04:38.000Z (about 4 years ago)
• Last Synced: 2024-10-30T00:45:26.004Z (about 2 months ago)
• Topics: insertion-js, javascript, jsx, nodejs, user-interface, vdom, virtual-dom
• Language: JavaScript
• Homepage: https://crewdevio.github.io/Insertion-JS/
• Size: 67.4 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
[![GitHub license](https://img.shields.io/github/license/Crew-Dev/Insertion-JS)](https://github.com/Crew-Dev/Insertion-JS/blob/master/Licence.txt) ![npm](https://img.shields.io/npm/v/insertion)  ![npm bundle size](https://img.shields.io/bundlephobia/min/insertion)

# Insertion JS

Insertion JS is a Javascript library for build user interfaces using JSX and vDOM

## Installation

Use the package manager [npm](https://www.npmjs.com/package/insertion) to install.

```javascript

npm i insertion

```

## Hello World

⚠ It is important that all jsx components have /_ @jsx insertionJsx _/ at startup so that the compiler does not compile to react js ⚠

```javascript

/* @jsx insertionJsx */

import {

  insertionJsx,

  createElement,

  mount,

  render,

  Fragment,

} from "insertion";

function App({ message }) {

  return (

    

      
{message}

    

  );

}


const app = createElement();

mount(render(app));

```

## Running Hello World

```javascript

npm install

// working on!

npm run start:server

```

## Documentation

[API Reference](/documentation/api.md)

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://opensource.org/licenses/MIT)