This project was bootstrapped from the @vite template which provides a minimal setup to get React working in Vite with some ESLint rules.
Node.js
npm install
Bun.js
bun install
Node.js
npx vite build --mode development
Bun.js
bun x vite build --mode development
Node.js
npx vite build
Bun.js
bun x vite build
- Build the app
- Copy the built bundle located at
dist/react-card.js
- Paste your bundle into
/config/www/react-card.js
of your Home Assistant setup - Add
/local/react-card.js
as a resource on Lovelace - Reload your Home Assistant
- Create your custom card:
type: custom:react-card entity: sun.sun
Note: Be sure to open Home Assistant using it's local address if your component does not seem to update after inserting a new version.
![image](https://private-user-images.githubusercontent.com/19360561/282387827-236bcbb1-c2f3-4495-9694-2a2944b0ff44.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAyMDk0ODgsIm5iZiI6MTcyMDIwOTE4OCwicGF0aCI6Ii8xOTM2MDU2MS8yODIzODc4MjctMjM2YmNiYjEtYzJmMy00NDk1LTk2OTQtMmEyOTQ0YjBmZjQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA1VDE5NTMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzMDdjOWFmYmVhN2I3NWM5OGNmMzFjOGI0MjA4YTc0OGUwODI2MDZmOWQ4MzRjZDUwMWYxZmFmZGExMDNmZjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JAINEULvNFsHjiqt2HJKu8xuzMoXzqfR7936YpVfUOI)