https://github.com/dylanirlbeck/tailwind-ppx-demo

A starter ReasonReact project showing off tailwind-ppx
https://github.com/dylanirlbeck/tailwind-ppx-demo

Last synced: 2 days ago
JSON representation

A starter ReasonReact project showing off tailwind-ppx

• Host: GitHub
• URL: https://github.com/dylanirlbeck/tailwind-ppx-demo
• Owner: dylanirlbeck
• Created: 2020-04-28T18:43:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-22T06:42:17.000Z (almost 4 years ago)
• Last Synced: 2024-11-14T08:46:25.324Z (2 months ago)
• Language: Reason
• Homepage:
• Size: 347 KB
• Stars: 5
• Watchers: 3
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tailwind-ppx starter

A starter project to play around with [`tailwind-ppx`](https://github.com/dylanirlbeck/tailwind-ppx) in a ReasonReact project.

## Run Project

Inside the project directory run the following:

```sh

yarn # Builds project dependencies

yarn re:watch # Compiles Reason, builds Tailwind CSS and watches for file changes

```

and then in a separate shell run

```sh

yarn dev # Starts the server

```

### Tailwind CSS Generator

This demo project ships with a built-in "generator" inside the `bsconfig.json`.

Essentially, the generator will watch for changes to your `index.css` file, and

if it changes your `tailwind.css` file will be automatically re-generated.

Unfortunately, there is a slight delay in generating the `tailwind.css` file

initially (and every time you clean the project), so if you get a compiler error

followed by the `Building ... /../src/index.css` message from Tailwind, simply

edit a Reason file to get the PPX to recognize the newly-generated Tailwind

file.