Jito

What is Jito?

Jito is a JavaScript web component framework with Data Binding, Template Engine, Virtual DOM and routing.

You can experience single page application development with just a web browser.

GitHub release (latest by date) GitHub

Document

First Example

Please save the following code as example.html and try opening it in your web browser. A counter that counts up every time you click.

<!DOCTYPE html>
<meta charset="UTF-8">
<body></body>
<script type="module">
  import { watch, mount } from 'https://cdn.jsdelivr.net/gh/ittedev/jito@1.4.2/jito.js'

  let state = watch({
    count: 0
  })

  let html = `
    Counter: {| count |}
    <button onclick="count++">Add</button>
  `

  mount(document.body, html, state)
</script>

Examples

Glitch Examples

Import

Jito use ES Modules.

No installation is required to use Jito. Just browse to a single jito.js file from your web browser to start using Jito.

From a local file

You can download the latest version of the jito.js file from Releases.

<script type="module">
  import { ... } from './jito.js'
  ...
</script>

From CDN

From jsDelivr.

<script type="module">
  import { ... } from 'https://cdn.jsdelivr.net/gh/ittedev/jito@1.4.2/jito.js'
  ...
</script>

For Deno

Distributed for Deno on deno.land/x.

See the following It needs to be built for browsers at esbuild, etc.

import { ... } from 'https://deno.land/x/jito@1.4.2/mod.ts'

For Node.js

It is distributed via npm for Node.js.

For Node.js, installation is required with the following command.

npm i jito