channyeintun

• 5 React Architecture Best Practices
• A plugin system is born... · React Static
• Applying microservices design patterns to scale react app development • Soluto Engineering Blog
• Architecting your React application.
• Best architecture for the React project - Mad Devs
• Build a Super-Modular Todo App with React and Bit Components
• [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-ap

channyeintun

/**
 * shows a position marker that highlights where the cursor is
 * @param {object} e - the input or click event that has been fired
 */
const showPositionMarker = e => {
  // grab the input element
  const { currentTarget: input } = e
  // create a function that will handle clicking off of the input and hide the marker
  const processClick = evt => {
    if (e !== evt && evt.target !== e.target) {

channyeintun

/**
 * returns x, y coordinates for absolute positioning of a span within a given text input
 * at a given selection point
 * @param {object} input - the input element to obtain coordinates for
 * @param {number} selectionPoint - the selection point for the input
 */
const getCursorXY = (input, selectionPoint) => {
  const {
    offsetLeft: inputX,
    offsetTop: inputY,

channyeintun

async function* eventIterator(element, eventName, subscribed) {
    while(true) {
        yield new Promise(resolve => {
            const listener = e => {
                element.removeEventListener(eventName, listener);
                resolve(e);
            };

            element.addEventListener(eventName, listener);
        })

channyeintun

/**
 * EventRecorder
 * @class
 * @classdesc An EventRecorder can record and replay any event on any DOM node
 * @param {string} [eventName=click] - Name of the events to record
 * @param {class} [EventClass=MouseEvent] - The class that should be used to recreate the events
 * @param {object} [context=self] - The context DOM element, the events should be fetched from
 * @example
 * // Create a recorder for click events
 * const clickRecorder = new EventRecorder('click', MouseEvent, window);