@ceoimon/react-scripts-ts

Fork of react-scripts-ts with added features.

Usage no npm install needed!

<script type="module">
  import ceoimonReactScriptsTs from 'https://cdn.skypack.dev/@ceoimon/react-scripts-ts';
</script>

README

@ceoimon/react-scripts-ts

Note: Until 1.0.0 this project won't follow semver. Though there won't be many breaking changes, update at your own risk.

Fork of react-script-ts with added features.

Found any problem or bug? Please create a new issue.

Features

Webpack 4
TypeScript compilation ts-loader
Type and tslint errors on a separate process fork-ts-checker-webpack-plugin
Sass and Css Modules css-modules
Generate TypeScript typings for CSS modules typings-for-css-modules-loader
Tranform SVG into React components svgr
Use .js|.jsx and .ts|.tsx files together.

Check out the template files for usage examples.

Add it to your project

New project

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

(npx comes with npm 5.2+ and higher)

Already using create-react-app?

yarn add @ceoimon/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",
  }
}