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

Bodhish Thomas · DEV Community ·

2 min read Original article ↗
Cover image for Reason React + Tailwind starter with Create Reason React APP (CRRA)

Bodhish Thomas

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)

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