Jeddy ·

Is a web UI development framework which makes it fun and enjoyable to create Web UIs using pure javascript (No HTML Tags). It is now easy to write clean, reusable and maintainable code with Jeddy.

Quick start

# Clone the Quick Start repository
$ git clone https://github.com/Jeraldy/jeddy-quick-start

# Go into the repository
$ cd jeddy-quick-start

# Install the dependencies and run
$ npm install && npm start

Then open: http://localhost:9000/

How does Jeddy work?

Jeddy creates a virtual DOM in memory, which is a representation of the document object model. Instead of manipulating the browser's DOM directly, all the changes are applied to the virtual DOM first, and then, using a diffing algorithm, the minimal scope of necessary DOM operations is calculated. Finally, the real DOM tree is updated accordingly by applying changes only to what needs to be changed, ensuring minimum time consumed. This method guarantees a better user experience and higher app performance.

Example

import { Jeddy, StatefulWidget } from "jeddy";
import Button from "jeddy/dom/Button";

class Main extends StatefulWidget {
    constructor() {
        this.state = 0
    }

    render() {
        return Button({
            children: [`Clicked: ${this.state} times`],
            onClick: () => this.setState(this.state + 1)
        })
    }
}

Jeddy.Init({ app: new Main() });

This will render a page with a button. Clicking the button will increment the number of clicks.

More Examples

• TodoList [Demo] [Code]
• Form Items [Demo] [Code]
• Simple Table(With data fetch from API end point) [Demo] [Code]

To list your cool project here send a PR or a link to [email protected]

Documentation

• You can find the JeddyJs documentation here.
• Check out the Getting Started page for a quick overview.
• You can improve the docs by sending pull requests to this repository.

Browser Support

Latest ✔	Latest ✔	Latest ✔	9.1+ ✔	Latest ✔

Contributors ✨

Thanks goes to these wonderful people:

Jeraldy Deus 💻

Contributing

We love your input! Please read the guideline.

License

The Jeddy JS is released under the MIT license.