Create React App @ctco-dev mod

Create React apps with no build configuration. Forked by @ctco-dev from original CRA.

• How it differs from the official CRA
• Quick Overview
• Creating an App – How to create a new app.
• Original CRA User Guide – How to develop apps bootstrapped with Create React App.

Create React App works on macOS, Windows, and Linux.
If something doesn’t work, please file an issue.

How it differs from the official CRA

• Typescript
• TSLint - typescript linter
• TSLint Config Airbnb - a tslint config for Airbnb JavaScript Style Guide

Quick Overview

npx create-react-app --scripts-version=@ctco-dev/react-scripts my-app
cd my-app
npm start

(npx comes with npm 5.2+ and higher, see instructions for older npm versions)

Then open http://localhost:3000/ to see your app.
When you’re ready to deploy to production, create a minified bundle with npm run build.

Creating an App

You’ll need to have Node >= 8 on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.

To create a new app, run a single command:

npx create-react-app --scripts-version=@ctco-dev/react-scripts my-app

npx comes with npm 5.2+

or

yarn create react-app --scripts-version=@ctco-dev/react-scripts my-app

or

npm init react-app --scripts-version=@ctco-dev/react-scripts my-app

npm init is available in npm 6+

It will create a directory called my-app inside the current folder.
Inside that directory, it will generate the initial project structure and install the transitive dependencies.

Inside the newly created project, you can run some built-in commands:

npm start or yarn start

Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.

npm test or yarn test

Runs the test watcher in an interactive mode.

npm run build or yarn build

Builds the app for production to the build folder.

npm run lint or yarn lint

Runs tslint linter to analyze your project. Run it with --fix flag to make it try to fix some errors automatically.

npm run analyze or yarn analyze

Runs source-map-explorer to analyze the bundle size of your project inside build directory. Should be run after building the app.

Official CRA User Guide

The official CRA User Guide includes information on different topics, such as:

How to Update to New Versions?

Please refer to the official CRA User Guide for this and other information.