@shmel3/setup-react-project v1.1.0

setup-react-project

NodeJs script that creates configured React + Webpack + SASS dev environment.

Note

I wrote this script for myself as I am lazy to rewrite configs every time I start a new project. But if you are interested, there is a quick guide right here.

Create new project

To create a new project use the following commands:

mkdir project-name
cd project-name
npx @shmel3/setup-react-project

After you created a new project your directory will look like:

project-name
├── dist/
├── node_modules/...
└── src/
    └── components/ # Create new React Components
        ├── App.js
    └── style/ # Write styles here and import to index.sass
        ├── index.sass
    ├── index.html
    ├── index.js
├── package.json
├── package-lock.json
├── webpack.common.js
├── webpack.dev.js
├── webpack.prod.js

Options

Usage: setup-react-project [options]       

Options:
  --typescript  Use TypeScript instead of JavaScript. 
  --post-css    Install and configure PostCSS     
  --eslint      Install ESLint                   
  --verbose     See log output.    
  -h, --help    output usage information   

Features

• :heavy_check_mark: Configured Webpack for SASS, React
• :heavy_check_mark: TypeScript with Babel and Webpack configuration
• :x: PostCSS support (TODO)
• :x: ESLint support (TODO)