Question 1

How to install and set up last-draft in a React project?

Accepted Answer

Install via npm or yarn (e.g., yarn add last-draft), then import the Editor component and state utilities. For v3, use the basic example in the README; for v2, install specific plugins separately as shown in the documentation.

Question 2

Last Draft vs Draft.js: which should I use?

Accepted Answer

Last Draft builds on Draft.js with pre-configured plugins and utilities, making it faster for adding rich features. Choose Last Draft for ready-to-use functionality; use raw Draft.js if you need more control and are willing to build plugins from scratch.

Question 3

How to add custom plugins to last-draft?

Accepted Answer

Create a plugin following draft-js-plugins conventions, then import and include it in the plugins array passed to the Editor component. Refer to the draft-js-plugins documentation and last-draft example repos for implementation details.

Question 4

Is last-draft compatible with Next.js or Gatsby?

Accepted Answer

Yes, as a React library, it can be used with Next.js or Gatsby, but server-side rendering may require workarounds due to Draft.js's client-side nature. Consider dynamic imports or disabling SSR for the editor component.

Question 5

How to handle image or video uploads in last-draft?

Accepted Answer

Use the included video or media plugins from last-draft-js-plugins, which provide basic support. For advanced uploads, you may need to extend these plugins or create custom ones, as the README points to example repos for guidance.

Question 6

What are the performance implications of using multiple plugins?

Accepted Answer

Each plugin adds to the JavaScript bundle size and runtime overhead, potentially slowing down the editor. For performance-critical applications, limit active plugins or consider lighter alternatives like TipTap.

Question 7

How to migrate from last-draft v2 to v3?

Accepted Answer

Migration involves switching from MegaDraft-based plugins to draft-js-plugins, which may require rewriting plugin integrations and updating state handling. Check the v3 documentation and example repo for step-by-step guidance.

Last Draft

What is Last Draft?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions