How to use the domponent.Init function in domponent

To help you get started, we’ve selected a few domponent examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github tamb / domponent / examples / e2e / src / index.js View on Github external
import Timer from "./Timer/Timer";
import DisplayAnything from "./DisplayAnything/DisplayAnything";
import FavoriteShow from "./FavoriteShow/FavoriteShow";
import HoverLetter from "./HoverLetter/HoverLetter";
import Navigation from "./Navigation/Navigation";
import ShowCode from "./ShowCode/ShowCode";
import Tabs from "./Tabs/Tabs";
import AddHighlight from "./AddHighlight/AddHighlight";
import domInsert from "./domInsert";

import "./app.scss";

feather.replace();

console.time("appCreation");
const App = new Init({
  selector: document.getElementById("root"),
  components: {
    Counter,
    Timer,
    DisplayAnything,
    FavoriteShow,
    HoverLetter,
    Navigation,
    ShowCode,
    Tabs,
    AddHighlight
  },
  appCreated: () => console.log("app created")
});
console.timeEnd("appCreation");
github tamb / domponent / examples / pug-example / views / index.js View on Github external
}

  stateDidUpdate() {
    this.setYellow();
  }

  setYellow() {
    if (this.state.ofFive) {
      this.$root.classList.add("yellow");
    } else {
      this.$root.classList.remove("yellow");
    }
  }
}
console.time('App')
const App = new Init({
  selector: document.getElementById("root"),
  components: {
    Counter
  },
  appCreated: () => console.log("something")
});
console.timeEnd('App')

domponent

Build components with the HTML you already have.

MIT
Latest version published 3 years ago

Package Health Score

45 / 100
Full package analysis