react-hello-world.xdc

This is a template for creating webxdc apps using react and Tailwind CSS.

Features

1. TypeScript
2. React
3. Tailwind CSS
4. Vite

Development

1. Clone the repository
2. Run `pnpm i`
3. Run `pnpm dev`

index.html is the main file for your app. There we have <div id="react-code" class="..."></div> where we will render our react app.

src/index.tsx is where we have our react code

src/input.css is the main CSS file

In manifest.toml change name to your app name (the other keys are optional for simplebot)

Change icon.png to your app icon

In .jsziprc.json is the configuration for how to build your app.

Build

Run pnpm build, then just drop your_cool_app.xdc into any chat and you should be able to use it.