DOM Markdown

Embedded Image

In the year 2473, humanity had long since spread beyond Earth, colonizing planets and moons in distant star systems. Amidst this interstellar expansion, the ISV Nomad, a lone exploratory vessel, drifted through the vast void of space, its mission: to investigate the unknown regions at the edge of the Milky Way.

Captain Elena Vyasa sat in the command chair, staring out at the endless sea of stars. It had been six months since the Nomad had left the last human outpost, and nothing unusual had happened—until today.


Bring to the table

Expo Router brings exciting new features to the table, including:

FeatureSDK Release
File-based routing48.0.0
CSS Support49.0.0
Typed Routes49.0.0
API Routes50.0.0
Fast Resolver51.0.0
DOM Components52.0.0

Soon, we'll have React Server Components, Server Actions, and more!

Syntax Highlighting

Expo Router enables a best-in-class developer experience by carefully automating and innovating in every inch of the stack.

// Render to DOM
"use dom";
// Import MDX as React
import Story from "@/components/story.mdx";
// Export a linkable route
export default function MDX() {
return <Story />;
}
  • Seamlessly create native views with markdown.
  • Switch between DOM and native with a single line.
  • Create files to define fully linkable navigation.
  • And share across all platforms!

Flow Chart

Flow charts with @xyflow/react (React Flow).


Emoji Picker

Custom emoji picker with @emoji-mart/react.

import data from "@emoji-mart/data";
import Picker from "@emoji-mart/react";
export default () => <Picker data={data} />;

Image Cropper

Image cropping with react-mobile-cropper.

0.0°

3D Scene

WebGL and 3D with THREE.js.


Rich Text

Editing complex text with @tiptap/react.