Airx NPM | npm.io

airx

☁️ Airx is a lightweight JSX web application framework.

Airx is a front-end framework based on JSX, designed to provide a simple and straightforward solution for building web applications. While it does not include hooks like React, it offers a range of features to manage state and handle user interactions efficiently.

Features

Create reaction values for managing dynamic data
Define components using JSX syntax
Lightweight and easy to learn

Getting Started

To get started with Airx, follow these steps:

Install Airx using npm or yarn:
```
npm install airx
```
Import the necessary functions and components in your project:

import * as airx from 'airx'

// create a reaction value
const outsideCount = airx.createSignal(1)

// define a component
function App() {
  // create a reaction value
  const innerCount = airx.createSignal(1)

  const handleClick = () => {
    innerCount.value += 1
    outsideCount.value +=1
  }

  // return a render function
  return () => (
    <button onClick={handleClick}>
      {innerCount.value}
      {outsideCount.value}
    </button>
  )
}

const app = airx.createApp(<App />);
app.mount(document.getElementById('app'));