react-parabola/src/index.jsx

Parabolic motion of an object

import React from 'react';
import ReactDOM from 'react-dom';
import Parabola from './components/index';

const nil = () => {};

export function showParabola(config) {
  const props = {
    ...config,
  };

  const div = document.createElement('div');
  document.body.appendChild(div);

  function remove() {
    const unmountResult = ReactDOM.unmountComponentAtNode(div);
    if (unmountResult && div.parentNode) {
      div.parentNode.removeChild(div);
    }
  }

  const {
    duration, rate, top,
    start, end, children, delay,
    onAfterEnd = nil, onBeforeStart = nil,
  } = props;

  ReactDOM.render(
    <Parabola
      duration={duration}
      rate={rate}
      delay={delay}
      top={top}
      start={start}
      end={end}
      onBeforeStart={() => onBeforeStart()}
      onEnd={() => remove()}
      onAfterEnd={() => onAfterEnd()}
    >
      { children }
    </Parabola>,
    div,
  );
}

export default {
  showParabola,
  Parabola,
};

// module.export { showParabola }, { Parabola };