Vite

Installation

Follow the installation docs in the Introduction.

Usage

In any component, import Tweet from react-tweet and use it like so:

import { Tweet } from 'react-tweet'
 
export const IndexPage = () => <Tweet id="1628832338187636740" />

You can learn more about Tweet in the Twitter theme docs.

Running the test app

Clone the react-tweet (opens in a new tab) repository and then run the following command:

pnpm install && pnpm dev --filter=vite-app...

The app will be up and running at http://localhost:5173 (opens in a new tab) for the Vite app example (opens in a new tab).

The app shows the usage of react-tweet in different scenarios:

• localhost:5173/ (opens in a new tab) renders a single tweet.
• localhost:5173/tweet/1629307668568633344 (opens in a new tab) renders dynamic tweets with SWR. Tweet already uses SWR and this page shows how to implement it manually.

The source code for react-tweet is imported from packages/react-tweet (opens in a new tab) and any changes you make to it will be reflected in the app immediately.