React Tweet
Vercel's React library for rendering X/Twitter posts without iframes; now used by the wiki viewer for original bookmark artifacts.
React Tweet renders tweets as React components. The current docs state that it works with Next.js App Router, can render server-side, and supports light/dark theming through data-theme or ancestor .light / .dark classes. The docs recommend caching tweet fetches in production to avoid Twitter syndication API rate limits. Source: React Tweet docs, 2026-06-24
Routing Summary
Use React Tweet through the wiki's ::tweet{...} directive when the original X post is part of the evidence. Route from x-bookmark-absorb and Wiki Artifact Embeds, not from general frontend work unless the product explicitly needs tweet rendering.
Wiki Integration
The wiki viewer supports a markdown directive:
::tweet{ id="2069742622252445866" url="https://x.com/emilkowalski/status/2069742622252445866" }
The markdown renderer turns that directive into a safe placeholder. TweetEmbeds lazy-mounts React Tweet only when a placeholder nears the viewport, applies the wiki's light/dark theme, and uses the wiki font tokens. This keeps flat markdown as the source of truth while giving X bookmark pages a clickable, inspectable original-post artifact.
Live Example
Why It Matters
X bookmarks often depend on context: the original post, artifact replies, and follow-up links are part of the source. A plain citation link hides that context. A themed tweet card makes the primary source visible without leaving the wiki page, while the local media download keeps images/videos available if X changes or removes preview URLs.
Timeline
- 2026-06-24 | Added
react-tweetto the wiki UI, introduced the::tweet{...}markdown directive for X bookmark artifact pages, and paired it with Wiki Artifact Embeds for linked source artifacts. Source: React Tweet docs, 2026-06-24