Skip to content

vite

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

vite

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
CHANGELOG.md
CHANGELOG.md
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
vite.config.ts
vite.config.ts
 
 

README.md

React Code View - Vite Example

This example demonstrates how to use React Code View with Vite.

Features

  • ⚡ Lightning fast HMR with Vite
  • 🎨 Theme switching (light/dark)
  • 📝 Live code editing
  • 🔄 Multiple interactive examples
  • 🎯 TypeScript support

Getting Started

Installation

npm install

Development

npm run dev

Open http://localhost:3000 in your browser.

Build

npm run build

Preview Production Build

npm run preview

Configuration

The example uses a minimal Vite configuration with:

  • @vitejs/plugin-react - React plugin for Vite
  • CodeView optimization for faster builds

See vite.config.ts for details.

Examples Included

  1. Counter - Simple state management
  2. Form - Form handling with validation
  3. List - Dynamic list with add/remove

Learn More