@lcooper/create-app

A tool to generate React apps with no configuration. Inspired by create-react-app

Usage

Use npx:

npx @lcooper/create-app new-app

Or install globally:

npm i @lcooper/create-app -g

Then run:

create-app new-app

File Structure

Running either of the above commands will create a directory called new-app inside the current working directory, and generate the following initial project structure:

new-app
├── .gitignore
├── app.config.js
├── LICENSE
├── package.json
├── node_modules
└── src
    ├── .eslintrc.js
    ├── index.html
    ├── index.js
    └── index.scss

If a single page appliation meets your needs, get started by editing:

src/index.js - the javascript entry point for your app
src/index.html - the page template for your app

To configure a multi page application, you'll have to edit the app.config.js file. More information can be found here.

Scripts

The following scripts are included in each new app:

`build`

Run using npm run build or yarn build.

Builds the app in production mode into an output folder named dist. Files are minified and file names are hashed.

`dev`

Run using npm run dev or yarn dev.

Runs the app in development mode using a development server that runs on port 3000 by default.

Errors and warnings will be displayed in the console, and shown in the browser via an error overlay.

react-refresh is integrated via @pmmmwh/react-refresh-webpack-plugin.

@lcooper/app-scripts - App scripts and configuration.
@lcooper/webpack-messages - Webpack error and warning message formatter.
@lcooper/dev-server - Development server with HMR.
@lcooper/dev-overlay - Overlay that displays errors and warnings in the browser.