/react_app_example_twind

A basic example of a Udibo React App using Twind to add Tailwind v3 support.

Primary LanguageTypeScriptMIT LicenseMIT

Twind Example Udibo React App

CI/CD license

A basic example of a Udibo React App using Twind to add Tailwind v3 support.

To do this in your own project, copy the twind imports from the import_map.json, add twind.js with your twind configuration, import twind.js into your app.tsx, and add a custom renderToReadableStream to your serve options in main.ts.

Deployment

The workflow is configured to run tests for all PRs and to deploy to Deno Deploy.

If you are forking this repository, you will need to update the workflow.

If you are using Deno Deploy, you should update .github/workflows/main.yml to use your project. If you don't have a project created yet on Deno Deploy, create a new one and configure it to use GitHub Actions for deployment. The GitHub action is required because there is a build step.

If you are not planning on using Deno Deploy, remove the CD job from .github/workflows/main.yml or write your own deployment action to replace it.

Tasks

To run the tests, use deno task test or deno task test-watch.

To check formatting and run lint, use deno task check.

To create a build and to run the build, use deno task build and deno task run. By default, the application builds and runs in development mode. To build and run a production build, set the APP_ENV environment variable to production.

To run the application in development mode with live reloading, use deno task dev.

When in development, identifiers are not minified and sourcemaps are generated and linked.

Contributing

To contribute, please read the contributing instruction.