A Better React Copy Component

Let's make a better ReactJS

Wouldn't it be nice if web applications told you when you copied something?

Here's an approach with ReactJS and CSS animations.

Demo

Dependencies

• copy-to-clipboard
  : Copy stuff into clipboard from your browser using JS.

• react
  : A declarative, efficient, and flexible JavaScript library for building user interfaces.

• react-dom
  : Serves as the entry point to the DOM and server renderers for React.

• uuid
  : Create RFC4122 UUIDs.

Source

Improvements

It would be nice if we could change how long the animation goes for but we're not able to do this inline with CSS