How to use react-flip-move - 1 common examples

To help you get started, weā€™ve selected a few react-flip-move 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 liqd / a4-opin / euth / documents / static / documents / ParagraphBox.jsx View on Github external
var api = require('adhocracy4').api
var Paragraph = require('./Paragraph.jsx')
var PropTypes = require('prop-types')
var React = require('react')
var ReactDOM = require('react-dom')
var update = require('immutability-helper')
var django = require('django')
var FlipMove = require('react-flip-move').default

class ParagraphBox extends React.Component {
  constructor (props) {
    super(props)

    this.state = {
      id: this.props.id,
      name: this.props.name,
      paragraphs: this.props.paragraphs,
      nameErrors: [],
      paragraphsErrors: [],
      maxParagraphKey: 0,
      successMessage: ''
    }
  }

react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

MIT
Latest version published 1 year ago

Package Health Score

65 / 100
Full package analysis

Popular react-flip-move functions