# Create React Typescript App

Create React apps with no build configuration.
This repo is a fork of Facebook create-react-app and it is an experimental attempt to create a similar application for typescript.

## tl;dr

```sh
npm install -g create-react-ts-app

create-react-ts-app my-app
cd my-app/
npm start

```

Then open [http://localhost:7777/](http://localhost:7777/) to see your app.<br>
When you’re ready to deploy to production, create a minified bundle with `npm run build`.

<img src='https://camo.githubusercontent.com/506a5a0a33aebed2bf0d24d3999af7f582b31808/687474703a2f2f692e696d6775722e636f6d2f616d794e66434e2e706e67' width='600' alt='npm start'>

## Getting Started

### Installation

Install it once globally:

```sh
npm install -g create-react-ts-app
```

**You’ll need to have Node >= 4 on your machine**. We recommend to use Node >= 6 and npm >= 3 for faster installation speed and better disk usage. You can use [nvm](https://github.com/creationix/nvm#usage) to easily switch Node versions between different projects.

**This tool doesn’t assume a Node backend**. The Node installation is only required for the build tools that rely on it locally, such as Webpack and Babel.

### Creating an App

To create a new app, run:

```sh
create-react-ts-app my-app
cd my-app
```

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

```
my-app/
  README.md
  index.html
  favicon.ico
  node_modules/
  package.json
  typings.json
  typings/
  test/
  src/
    actions/        - action creators
    common/         - interfaces
    containers/     - react containers
    components/     - react components
    helper/         - redux-helper
    reducers/       - reducers
    index.css
    index.tsx
    logo.svg
```

No configuration or complicated folder structures, just the files you need to build your app.<br>
Once the installation is done, you can run some commands inside the project folder:

### `npm start`

Runs the app in development mode.<br>
Open [http://localhost:7777](http://localhost:7777) to view it in the browser.

The page will reload if you make edits.<br>
You will see the build errors and lint warnings in the console.