---
schema_version: "1"
id: 4c72d2dfc61203df48bacd8bbc8beb64bb2b38b0656c68d2cec9e9ec613a2b22
title: Preview a Single React Component in Visual Studio Code (Generally Available)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/262-0-0/rn_react_live_preview.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_react_live_preview.htm&release=262.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d904036906f14adbd9ddd2f7bcc08f37c6cb015e44f26ac88c3da115787d596b
description: To run a real-time preview of a React component directly inside Visual Studio Code (VS Code) or Code Builder, use the Live Preview VS Code extension. This extension is now generally available for React components, and there are no changes since the beta release.
products:
  - Cross Cloud
release: "262"
---
# Preview a Single React Component in Visual Studio Code (Generally Available)

To run a real-time preview of a React component directly inside Visual Studio Code (VS Code) or Code Builder, use the Live Preview VS Code extension. This extension is now generally available for React components, and there are no changes since the beta release.

**Where:** This change applies to Lightning Experience in all editions.

**How:** For information about using this extension with React components, check out [Agentforce Vibes Developer Guide: Build and Deploy a React App Using Agentforce Vibes](https://developer.salesforce.com/docs/platform/agentforcevibes/guide/afv-reactdev-overview.html#preview-your-app).

#### See Also

- [_Lightning Web Components Developer Guide_: Live Preview VS Code Extension](https://developer.salesforce.com/docs/platform/lwc/guide/get-started-test-components.html#live-preview-vs-code-extension)