> ## Documentation Index
> Fetch the complete documentation index at: https://react.email/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Editing the components
To facilitate developing components, use the built-in [playground](https://github.com/resend/react-email/tree/canary/playground), which automatically hot reloads when you make changes to the components during development.
## 1. Create an email template
Create a new file at `playground/emails/testing.tsx`
```tsx playground/emails/testing.tsx theme={"theme":{"light":"github-light","dark":"vesper"}}
import { Html, Head, Body, Tailwind, Text } from 'react-email';
export default function Testing() {
return
This is a testing email template.
;
}
```
The `.gitignore` file will ignore all changes in [playground/emails](https://github.com/resend/react-email/tree/canary/playground/emails) so you can test component changes and use cases in example templates without committing them to the repository.
## 2. Run playground server
```sh theme={"theme":{"light":"github-light","dark":"vesper"}}
pnpm dev
```
## 3. Open in your browser
Go to [http://localhost:3000](http://localhost:3000)