renderroot

A fast way to render dom components without compilation

What is renderRoot ?

renderRoot is a javascript micro-library (written in typescript) of less than 1kb which allows you to render DOM in javascript, like React, Vue, etc...

List of all exports

• [x] useRoot
• [x] useContext
• [x] useLifeCycle
• [x] useInnerRoot
• [x] createRoot
• [x] createContext
• [x] renderRoot

import {
    useRoot,
    useContext,
    useLifeCycle,
    useInnerRoot,
    createRoot,
    createContext,
    renderRoot,
} from "@enzoaicardi/renderroot"; // cdn at https://cdn.jsdelivr.net/npm/@enzoaicardi/renderroot@latest/esm/renderroot.js

Intallations

NPM package

npm install @enzoaicardi/renderroot

import {
    useRoot,
    useContext,
    useLifeCycle,
    useInnerRoot,
    createRoot,
    createContext,
    renderRoot,
} from "@enzoaicardi/renderroot"; // es modules
const {
    useRoot,
    useContext,
    useLifeCycle,
    useInnerRoot,
    createRoot,
    createContext,
    renderRoot,
} = require("@enzoaicardi/renderroot"); // commonjs modules

CDN import

// es modules
import {
    useRoot,
    useContext,
    useLifeCycle,
    useInnerRoot,
    createRoot,
    createContext,
    renderRoot,
} from "https://cdn.jsdelivr.net/npm/@enzoaicardi/renderroot@latest/esm/renderroot.js";

<!-- iife function execution -->
<script src="https://cdn.jsdelivr.net/npm/@enzoaicardi/renderroot@latest/iife/renderroot.js"></script>
<script>
    // global object destructuration
    const {
        useRoot,
        useContext,
        useLifeCycle,
        useInnerRoot,
        createRoot,
        createContext,
        renderRoot,
    } = renderroot;
</script>