react-at icon indicating copy to clipboard operation
react-at copied to clipboard

At.js for React.

react-at

  • [x] Filter/Scroll/Insert/Delete
  • [x] Keyboard/Mouse events
  • [x] Plain-text based, no jQuery, no extra nodes
  • [x] ContentEditable
  • [ ] Avatar

See also: vue-at

Motivation

At.js is awesome (4000+ stars), but:

  • It is buggy.
  • It seems like out of maintainment.
  • It is based on jQuery.
  • Its code is like "Spaghetti" and hard to read.

Finally I lost interest in patching it and ended up creating this.

import Editor from 'react-editor'
import At from 'react-at'
const members = ['Roxie Miles', 'grace.carroll', '小浩']

<At members={members}>
  <Editor />
</At>

<At members={members}>
  <div contentEditable />
</At>