@qfinex/react-scripts-ts

@qfinex/react-scripts-ts [4.0.9]

Modern build setup with no configuration for [ React + TypeScript ] projects.

Main differences with create react app:

• [Faster build times](https://github.com/qfinex/react-scripts-ts/issues/
• Namespaces support
• Module resolution support (baseUrl/paths)
• Type checking on a separate proccess
• Transpilation using ts-loader
• Built-in configured google workbox with pre-cache service-worker configuration.

Found any problem or bug? Please create a new issue

mailto : [e-mail]

Features

• Webpack 4
• up-to-date TypeScript
• Zero config optimize build
• TypeScript compilation ts-loader
• Type and tslint errors on a separate process fork-ts-checker-webpack-plugin
• Sass, Less and Css Modules css-modules
• Generate TypeScript typings for CSS modules typings-for-css-modules-loader
• Tranform SVG into React components svgr
• Built-in configured google workbox with pre-cache service-worker configuration.

Check out the template files for usage examples.

Getting started

Create a new project:

npx create-react-app my-app --scripts-version=@qfinex/react-scripts-ts
cd my-app/
yarn start

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

Install this package in yout project:

yarn add @qfinex/react-scripts-ts

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

{
  "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 with custom scripts versions:

{
  "scripts": {
    "start": "react-app-rewired start --scripts-version @qfinex/react-scripts-ts",
    "build": "react-app-rewired build --scripts-version @qfinex/react-scripts-ts",
    "test": "react-app-rewired test --scripts-version @qfinex/react-scripts-ts --env=jsdom"
  }
}

                                   2020 | QFinex