Htact NPM | npm.io

HtAct🧨

Introduction🔵

HtAct is a simple yet efficient library for HTML and JavaScript that allows you to write cleaner code. This library enables you to use files within each other using JavaScript. You might be confused by this statement, but you'll understand better as we continue. Additionally, I would be happy to hear your feedback.

Features🧰

Easy to Use: you can easily use it
One of the best: uses modern methods to improve performance

Installation💻

You can install HtAct using npm:

npm install htact

How to use:💻

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index page</title>
    <HtAct>
        Header -> "Header",
        Footer -> "footer/Footer"
    </HtAct>
</head>
<body>
@[Header]
<h1>main</h1>
@[Footer]

<script type="module">
    import {HtAct} from "./node_modules/htact/HtAct.js";

    HtAct(true, "console", "../components/", ".HTA")
</script>

</body>
</html>

Import:

    <HtAct>
        Header -> "Header",
        Footer -> "footer/Footer"
    </HtAct>

Use:

    @[Header]
<!--    other code-->
    @[Footer]

Start:

<script type="module">
    import {HtAct} from "./node_modules/htact/HtAct.js";

    HtAct(true, "console", "../components/", ".HTA")
</script>

html js component html component js library html library

1.0.1

11 months ago

1.0.0

11 months ago