@defacto/cell-js

Simple solution for binding Javascript to specific templates or side server components

Usage no npm install needed!

<script type="module">
  import defactoCellJs from 'https://cdn.skypack.dev/@defacto/cell-js';
</script>

README

cell-js

Simple and lightweight solution for binding Javascript to specific templates or side server components.
We use this alongside ex_cell, an Elixir/Phoenix module for coupling Javascript, CSS, Javascript and Views.

Installation

npm install @defacto/cell-js

or

yarn add @defacto/cell-js

Usage

import { Cell, Builder } from "cells-js";

class AvatarCell extends Cell {
  initialize() {
    this.element.addEventListener("click", this.onToggleOpenClass);
  }

  onToggleOpenClass = e => this.element.classList.toggle("open");
}

Builder.register(AvatarCell, "AvatarCell");

export default AvatarCell;

For a more complete implementation see ex_cell.