DEV Community

Cover image for Reason React + Tailwind starter with Create Reason React APP (CRRA)
Bodhish Thomas
Bodhish Thomas

Posted on

10 2

Reason React + Tailwind starter with Create Reason React APP (CRRA)

Quick Start

create-reason-react-tailwind is an easy way to get started with boilerplate reason react templates.

  1. Install **crra**

    npx create-reason-react-tailwind
    

2. Choose a template

You can choose the template from the template selector

https://res.cloudinary.com/bodhi/image/upload/v1583317801/blogs/05-03-2020-dev-reason-react-tailwind/Screenshot_from_2020-03-04_13-37-55_gd1aql.png
3. Add a project name

after selecting the template, you will be asked to add a project name

add your project name and hit enter

4. Your create reason react app is ready 😃

cd my-app
Enter fullscreen mode Exit fullscreen mode

You will get a pre-configured reason react template with parcel, postcss and tailwind. The bare minimum for creating a reason react project.

Folder structure

Github Repo

5. Install dependencies

npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

You will be able to see the project running at localhost:1234

expected output

https://res.cloudinary.com/bodhi/image/upload/v1583332668/blogs/05-03-2020-dev-reason-react-tailwind/out_nejhzu.png

You may have to change the package-name if you plan to publish the repositoy (optional)

GitHub logo bodhish / create-reason-react-tailwind

Create Reason React App - A simple boilerplate generator for tailwind styled reason react project

npm version

Create Rescript / Reason React App

Rescript & Reason react boilerplate generator

Quick Start

npx create-reason-react-tailwind
Enter fullscreen mode Exit fullscreen mode

What project template would you like to generate? (choose the template)

webpack-tailwind
Enter fullscreen mode Exit fullscreen mode

Project Name - Add the project name

my-app
Enter fullscreen mode Exit fullscreen mode

| crra will create a new folder with the template project.

cd my-app
Enter fullscreen mode Exit fullscreen mode

Follow the instructions in README.md

CRRA

Add create reason react app globally

npm i -g create-reason-react-tailwind
crra
Enter fullscreen mode Exit fullscreen mode

Deploy your CRR

Auto Deploy reason-react projects on Netlify

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more