Skip to content

A simple yet powerful framework that is lightweight, reactive, fast, and user-friendly.

License

Notifications You must be signed in to change notification settings

HasanHuseyinDemir/Chainus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chainus


Chainus is an easy-to-use, vanilla JavaScript-friendly, reactive, lightweight, and functional SPA (Single Page Application) framework.
Lightweight min-size (0.1.4): 11,5kb

Features

  • Component-Based: Supports modular and reusable components.
  • Props and Slots: Allows data transmission and content placement between components.
  • Data Provider: Stands out with data retrieval and management capabilities.
  • State and Store Management: Facilitates application state and global data management.

Installation

CDN

You can include Chainus directly from the CDN:

  • Minified Module Version:

    import {html,Mount,onConnect,onRemove,Components,setLazy,setComponent,createStore,createElement,async,createId,state,untrack,Effect,batch} from "https://unpkg.com/chainus/src/chainus.min.mjs";
  • Portable Version

    <script src="https://unpkg.com/chainus/src/chainus.min.js">

NPM

Install Chainus using npm:

  • Run the following command to install Chainus:
    npm install chainus
  • Import Chainus into your project:
import {html,Mount,onConnect,onRemove,Components,setLazy,setComponent,createStore,createElement,async,createId,state,untrack,Effect,batch} from 'chainus';

Usage[NPM]

To create a simple component using Chainus:

import { html,Mount } from 'chainus';

function Main(){
    return html`
    <div>
        <h1>Hello World!</h1>
    </div>
    `
}
Mount("#app",Main)

Example Projects

For more examples and usage details, check out the CodePen collection.

In CodePen, there are template files available. You can create a new Chainus project by using the template files within the collection.

CodePen-Templates

Portable-Template : Template

Module-Template : Template

Releases

No releases published

Packages

No packages published