---
title: "React Markdown Example with Vite"
description: "A React and Vite app that renders a Markdown blog, a syntax showcase, and a live editor with Comark and a custom alert component."
canonical_url: "https://comark.dev/examples/vite/react"
---
# React Markdown Example with Vite

> A React and Vite app that renders a Markdown blog, a syntax showcase, and a live editor with Comark and a custom alert component.

::code-explorer
```yaml [props]
org: comarkdown
repo: comark@81a416b278b0f304d7e7577c7ac6bbfc78414790
path: examples/2.vite/react
defaultValue: src/App.tsx
```
::

This example shows the quickest way to use Comark with React - use the `Markdown` component and pass it markdown content. The component handles parsing and rendering automatically.


## Sitemap

See the full [sitemap](https://comark.dev/sitemap.md) for all pages.