How react.dev Looks on Discord

82/100
Good
1 fix recommended

This page shows how react.dev appears when shared on Discord. The current preview headline reads "React". It pairs with the description "React is the library for web and native user interfaces. Build user interfaces out of individual pieces called compon..." and a social image. Overall, react.dev's setup scores 82/100 against Discord best practices.

Discord preview

◈

Discord

react.dev

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

React

Analysis

react.dev's social setup currently has 1 warning that affect how it renders on Discord. The most impactful fixes are listed below - they range from missing required tags to image dimensions that will be cropped or rejected by specific platforms.

In particular: description is 260 characters - truncated on most platforms. Each of these has a one-line fix in the recommendations panel above.

Frequently Asked Questions

react.dev sets `og:image` but does not include `og:image:width` and `og:image:height`. Explicit dimensions let platforms render the preview faster without downloading the image first.

See react.dev on other platforms

All platforms Twitter / XFacebookLinkedInSlackGoogle Search

Validate other sites on Discord

carrd.cohealthline.compnpm.ioshowit.coeverydayhealth.compython.org

Validate your own URL

See how your site looks across all major social platforms - instantly, free, no signup.

Try LinkPreview.io