DEV Community

loading...
Cover image for Reason React + Tailwind starter with Create Reason React APP (CRRA)

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

Bodhish Thomas
Rails With ReasonMl Building pupilirst
・2 min read

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

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

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 Reason React App

Reason react boilerplate generator

Quick Start

npx create-reason-react-tailwind

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

webpack-tailwind

Project Name - Add the project name

my-app

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

cd my-app

Follow the instructions in README.md

CRRA

Add create reason react app globally

npm i -g create-reason-react-tailwind
crra

Deploy your CRR

Auto Deploy reason-react projects on Netlify

Discussion (0)