Lite JSX is a lightweight JavaScript library that allows you to create and manipulate JSX elements using only vanilla JavaScript.

The purpose of this project is to offer a lightweight and straightforward method of using JSX syntax without relying on external dependencies.

With this library, you can use JSX as a template engine for server-side rendering. The library provides three functions for generating HTML tags, formatting tag properties, and sanitizing strings to prevent XSS attacks.

The library is designed to be flexible, easy to use, and fully compatible with modern JavaScript frameworks and tools.

You can install Lite JSX via npm:

npm install @lite-jsx/core

For a better development experience, we recommend using TypeScript to compile your components. It's easy to get started:

$ npm install -D typescript

Next, add the following attributes to your tsconfig.json file:

{
  "compilerOptions": {
    "jsx": "react",
    "jsxFactory": "h"
    // other options omitted for brevity
  }
}

Once you have these in place, you can start writing components using Lite JSX like this:

import { h } from "lite-jsx";

const Home = ({ message }) => (
  <div>
    <h1>{message}</h1>
  </div>
);

TypeScript will compile your code into the following JavaScript:

const { h } = require("lite-jsx");

const Home = ({ message }) => {
  return h("div", null, h("h1", null, message));
};

module.exports = { Home };

And that's it! You can now use your Lite JSX components in your application.

Here you can see a list of implementations using Lite JSX here

h(
  tagName: string,
  props?: Record<string, any>,
  ...children: (string | JSX.Element)[]
): JSX.Element

Creates a new JSX element.

• tagName: The name of the element to create.
• props: An object containing the element's props. ...children: One or more strings or JSX elements to add as children.
• Returns the created JSX element.

If you'd like to contribute to Lite JSX, please feel free to submit a pull request or open an issue on GitHub:

https://github.com/lite-jsx/core

Lite JSX is licensed under the MIT License.