DEV Community

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

Posted on

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

Top comments (0)