DOM Markdown
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:
Feature | SDK Release |
---|---|
File-based routing | 48.0.0 |
CSS Support | 49.0.0 |
Typed Routes | 49.0.0 |
API Routes | 50.0.0 |
Fast Resolver | 51.0.0 |
DOM Components | 52.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 Reactimport Story from "@/components/story.mdx";// Export a linkable routeexport 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
.
3D Scene
WebGL and 3D with THREE.js.
Rich Text
Editing complex text with @tiptap/react
.