Danetag

import "scss/partials/pages/_homepage.scss";

export default class Homepage {
  ...
}

Danetag

let currentView = null;

const pageLoaded = () => {
    // "Routing"
    const currentPage = document.querySelector("#content").firstElementChild;

    switch (currentPage.id) {
      case "home-page":
        import(/* webpackChunkName: "homepage" */ "pages/homepage/homepage")
          .then(currentViewImported)

Danetag

import Turbolinks from "turbolinks";

Turbolinks.start();

// When you just clicked on a link
document.addEventListener("turbolinks:before-visit", e => {
    ...
});

// When the transition is happening

Danetag

<?

function register_scripts() {
	// include the base style in the header.
	$base_js = WP_DEBUG ? 'http://localhost:8080/bundle.js' : get_stylesheet_directory_uri() . ( '/static/app.js' );

	wp_register_script(
		'base-script', // handle name.
		$base_js,
		null, // an array of dependent styles.

Danetag

const devServer = {};
const webpack = require("webpack");

const ENV = process.env.NODE_ENV === "production" ? "production" : "development";

const outputPath =
  ENV === "production"
    ? path.resolve(__dirname + "../../static/")
    : path.resolve(__dirname + "/dist/");

Danetag

...
render() {
    const { items, openedMenu, onClose } = this.props;

    return (
      <Transition in={openedMenu} timeout={openedMenu ? 0 : 300}>
        {(status) => (

          <nav 
            id="menu-mobile"

Danetag

...

render() {
  const { openedMenu, onOpenMenu, state } = this.props;

  return <button 
            id="menu-hamburger" 
            aria-controls="menu-mobile"
            aria-expanded={openedMenu}
            aria-haspopup={true}

Danetag

// Here is a simple class that contains loading methods. 
// Nothing fancy, but the idea is simply to return a Promise
import { loadImg } from './load';

class Sprite {
  
  /* 
    @Example
  
    import Sprite from './Sprite';

Danetag

// Update the path of the assets in the animation data to use CMS assets instead (optmized)
const updateAnimationData = (assets, animationData, maxAssetWidth) => {
  const refIdDictionary = [];

  animationData.assets.forEach((asset, i) => {
    if (!asset.u || !asset.id) return;

    // replace id
    const newId = asset.p.split('.')[0];
    const prevId = asset.id !== newId ? asset.id : `image_${i}`;

Danetag

class LottieWebAnimation extends React.Component {
  
  /*
  .. render()...
  */
  
  // Capturing mouse move
  onMouseMove = (e) => {
    this.mouseCoords.x = e.clientX || e.pageX;
    this.mouseCoords.y = e.clientY || e.pageY;