unified

Learn

Intro

unified is an interface for parsing, inspecting, transforming, and serializing content through syntax trees. And it’s hundreds of building blocks for working on those trees.

This section of our website includes several articles ranging from recipes that complete small, specific tasks, to guides that walk through how to complete bigger tasks.

Guides

Learn unified through articles, each telling a story, that walks through how to complete a certain task

  1. Intro to unified

    Guide that summarises the what and why of unified

    1. guide
    2. welcome
    3. introduction
  2. Use unified

    Guide that delves into transforming Markdown to HTML

    1. guide
    2. use
    3. transform
    4. remark
    5. rehype
  3. Create a plugin

    Guide that shows how to create a (retext) plugin

    1. guide
    2. plugin
    3. retext
  4. Create an editor

    Guide that shows how to create a fancy app ✨

    1. guide
    2. editor
    3. dingus
  5. Intro to syntax trees

    Guide that shows the basics of syntax trees (ASTs)

    1. guide
  6. Syntax trees in TypeScript

    Guide that shows how to use types to work with syntax trees

    1. guide
    2. typescript
    3. unist
    4. node
    5. mdast
    6. hast
    7. xast
  7. Using plugins

    Guide that shows how to use plugins and presets

    1. guide

Recipes

Learn unified through byte-sized articles, that stand on their own, explaining how to complete a small, specific, focussed task

  1. Tree traversal

    How to do tree traversal (also known as walking or visiting a tree)

    1. recipe
    2. unist
    3. tree
    4. traverse
    5. walk
    6. visit
  2. Find a node

    How to find a node in any unist syntax tree

    1. recipe
    2. node
    3. tree
    4. traverse
    5. walk
    6. find
  3. Support tables in remark

    How to support GitHub-style tables in remark (or react-markdown)

    1. recipe
    2. remark
    3. plugin
    4. gfm
    5. github
    6. table
  4. HTML and remark

    How to use remark to turn markdown into HTML, and to allow embedded HTML inside markdown

    1. recipe
    2. remark
    3. html
    4. plugin
    5. markdown
    6. html
    7. parse
  5. Remove a node

    How to remove nodes in any unist tree

    1. recipe
    2. node
    3. tree
    4. remove
    5. delete
    6. traverse
    7. walk
  6. Build a syntax tree

    How to build content with syntax trees

    1. recipe
    2. unist
    3. mdast
    4. hast
    5. xast
  7. Tree traversal with TypeScript

    How to do tree traversal in TypeScript

    1. recipe
    2. typescript
    3. unist
    4. tree
    5. traverse
  8. Narrow nodes in TypeScript

    How to narrow generic `Node` to specific syntax types

    1. recipe
    2. typescript
    3. unist
    4. node

Explore

The readmes of our projects and packages, available through the Explore section of our website (or on GitHub and npm), describe the APIs and more in detail.