Resources

A few resources that are helpful for building with Slate.

Libraries

These libraries are helpful when developing with Slate:

• is-hotkey is a simple way to check whether an onKeyDown handler should fire for a given hotkey, handling cross-platform concerns like cmd vs. ctrl keys for you automatically.

• react-broadcast works well when you need to have your custom node components re-render based on state that lives outside the document. It's the same pattern that react-router uses to update <Link> components.

Tools

These tools are helpful when developing with Slate:

• Immutable.js Console Extension greatly improves the console.log output when working with Immutable.js objects, which Slate's data model is based on.

Products

These products use Slate, and can give you an idea of what's possible:

• Cake

• Archbee

• Chatterbug

• GitBook

• Grafana

• Guilded

• Guru

• Netlify CMS

• Outline

• Prezly

• Sanity.io

• Taskade

• Yuque

• Thoughts

Editors

These pre-packaged editors are built on top of Slate, and can be helpful to see how you might structure your code:

• Canner Editor is a rich text editor.
• French Press Editor is a customizeable editor with offline support.
• Nossas Editor is a drop-in WYSIWYG editor.
• ORY Editor is a self-contained, inline WYSIWYG editor library.
• Outline Editor is the editor that powers the Outline wiki.
• Chatterslate helps teach language grammar and more at Chatterbug.

(Or, if you have their exact use case, can be a drop-in editor for you.)