https://github.com/aryan-programmer/react-redux-typescript-starter-kit
https://github.com/aryan-programmer/react-redux-typescript-starter-kit
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/aryan-programmer/react-redux-typescript-starter-kit
- Owner: aryan-programmer
- Created: 2022-10-17T11:39:12.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-23T13:13:26.000Z (over 3 years ago)
- Last Synced: 2025-01-17T04:12:44.968Z (over 1 year ago)
- Language: JavaScript
- Size: 192 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-redux-typescript-starter-kit
This is a simple starter kit for React with Redux in TypeScript using Babel and Webpack.
This project supports Sass, SCSS and, by extension, CSS bundling.
To get started with React with Redux in TypeScript, run
```
yarn install
```
## Building
For a dev build run:
```
yarn run build:dev
```
For a production build run:
```
yarn run
```
After building 4 files will be generated:
1,2. A bundled `main.js` file and its source map `main.js.map`
3,4. A bundled `main.css` file and its source map `main.css.map`
A production build will have the `main.js` minified by Webpack’s default JS minifier terser-webpack-plugin and `main.css` minified by csso using csso-loader.
## Running
To run the React app:
```
yarn run start
```
## Checking types using Typescript `tsc`
The Typescript preset for Babel when compiling strips away all types from Typescript files and does no type checking at all. To get the benefit of the type safety of Typescript you first have to install the Typescript compiler (go to https://www.typescriptlang.org/#download-links for instructions on how to install Typescript).
After installing Typescript, all you have to do to check types in this project is,
```
yarn run check-types
```
Note: By default TS will have `strictNullChecks` and `noImplicitAny` options configured to `true`.
That’s it. Have fun with React and Redux.