TechPrufer
Get started
Vercel
Vercel logoVercel · Feature trail

React Tweet Embeds

1 post · Jul 2023

What this trail covers

react-tweet provides a performant way to embed tweets in React applications, significantly reducing client-side JavaScript compared to native embeds and supporting React Server Components. It reverse-engineers Twitter's Embed API for data fetching and rendering, eliminating the need for iframes and improving user experience by preventing layout shifts and ensuring instant visibility.

All Vercel trails
  1. Introducing React TweetIntroduced `react-tweet`, a new library for embedding tweets in React applications. This library offers a performant alternative to native Twitter embeds by reducing client-side JavaScript by 35x (from 560kb to 16kb), supporting React Server Components, and providing built-in data fetching and caching. It achieves this by reverse-engineering Twitter's Embed API to fetch and render tweet data, thus avoiding iframes and their associated performance penalties.