Example ES6 Functional component

Example.js

import { exists } from '@/helpers/utilities';

export let mixin = ({ node = null, config = {} } = {}) => {
    if (!node) return false;

    let state = {
        node,
        config,
    };

    let module = {

        setEventBindings() {
            state.node.addEventListener('mouseenter', this.onMenuItemClick.bind(this));
        },
        init() {
            if (!exists(state.node)) return;
            this.setEventBindings();
        },
    };

    return module.init();
};

export default {
    init({ selector, config = {} }) {
        let selected = document.querySelectorAll(selector);
        if (!selected.length) return;

        return [...selected].map((node, index) => {
            return mixin({ node, config });
        });
    },
};