npm package: @nexbit.io/react-scripts-ts
Description: Fork from react-scripts-ts much upgraded, more advance
Author: NEXBIT.IO
Latest version: 5.0.1

## ![react-scripts-ts](template/src/assets/react-ts.png)


![License](https://img.shields.io/github/license/nexbitio/react-scripts-ts.svg)
[![NPM](https://img.shields.io/npm/v/@nexbit.io/react-scripts-ts.svg)](https://www.npmjs.com/package/@nexbit.io/react-scripts-ts)


# @nexbit.io/react-scripts-ts

Modern build setup with no configuration for <b> [ React + TypeScript ] </b>projects.

### Main differences with create react app:

- [Faster build times](https://github.com/nexbitio/react-scripts-ts/issues/7#issue-394549780)
- [Namespaces support](https://www.typescriptlang.org/docs/handbook/namespaces.html)
- [Module resolution support (baseUrl/paths)](https://www.typescriptlang.org/docs/handbook/module-resolution.html)
- Type checking	on a separate proccess
- Transpilation using [ts-loader](https://github.com/TypeStrong/ts-loader)
- Provide compile-time information for styled components [typescript-plugin-styled-components](https://github.com/Igorbek/typescript-plugin-styled-components)

## Found any problem or bug? Please [create a new issue](https://github.com/nexbitio/react-scripts-ts/issues) || mailto : developer@nexbit.io

## Features
- Webpack 4
- up-to-date TypeScript
- Zero config optimize build
- TypeScript compilation [ts-loader](https://github.com/TypeStrong/ts-loader)
- Type and tslint errors on a separate process [fork-ts-checker-webpack-plugin](https://github.com/Realytics/fork-ts-checker-webpack-plugin)
- Sass, Less and Css Modules [css-modules](https://github.com/css-modules/css-modules)
- Generate TypeScript typings for CSS modules [typings-for-css-modules-loader](https://github.com/nexbitio/typings-for-css-modules-loader)
- Tranform SVG into React components [svgr](https://github.com/smooth-code/svgr)
- Use `.js|.jsx` and `.ts|.tsx` files together.


## Check out the [template files](template) for usage examples.

# Getting started

## Create a new project:

```bash
npx create-react-app my-app --scripts-version=@nexbit.io/react-scripts-ts
cd my-app/
yarn start
```
 

## Already using create-react-app / react-scripts?

Install this package in yout project:

```bash
yarn add @nexbit.io/react-scripts-ts
```

Change your package.json configuration to use react-scripts-ts

```json
{
  "scripts": {
    "start": "react-scripts-ts start",
    "build": "react-scripts-ts build",
    "test": "react-scripts-ts test --env=jsdom",
  }
}
```

# Ejecting

Ejecting is not supported in this project, you have 2 options:

- Fork this project and create your own react-scripts-ts package.

- Use [react-app-rewired](https://github.com/timarney/react-app-rewired) with [custom scripts versions](https://github.com/timarney/react-app-rewired#2-custom-scripts-versions):

```json
{
  "scripts": {
    "start": "react-app-rewired start --scripts-version @nexbit.io/react-scripts-ts",
    "build": "react-app-rewired build --scripts-version @nexbit.io/react-scripts-ts",
    "test": "react-app-rewired test --scripts-version @nexbit.io/react-scripts-ts --env=jsdom"
  }
}
```

```bash
                                                 2018-2020 | NEXBIT.IO Ltd.
```