https://github.com/rokoroku/react-redux-typescript-boilerplate

A bare minimum frontend boilerplate with React 16, Typescript 3 and Webpack 4
https://github.com/rokoroku/react-redux-typescript-boilerplate

boilerplate postcss react redux todomvc treeshaking typescript webpack

Last synced: about 2 hours ago
JSON representation

A bare minimum frontend boilerplate with React 16, Typescript 3 and Webpack 4

• Host: GitHub
• URL: https://github.com/rokoroku/react-redux-typescript-boilerplate
• Owner: rokoroku
• Created: 2016-12-25T04:10:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-05-28T10:23:27.000Z (over 1 year ago)
• Last Synced: 2024-04-14T12:30:18.243Z (5 months ago)
• Topics: boilerplate, postcss, react, redux, todomvc, treeshaking, typescript, webpack
• Language: TypeScript
• Homepage: https://rokoroku.github.io/react-redux-typescript-boilerplate
• Size: 1.69 MB
• Stars: 1,205
• Watchers: 35
• Forks: 371
• Open Issues: 39
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Boilerplate with React, Redux & TypeScript

A bare minimum react-hooks-redux-webpack-typescript boilerplate with TodoMVC example.

Note that this project does not include **Server-Side Rendering**, **Static code analysis**, **Testing Frameworks**

If needed, please fork this repository and add your own that meets your requirements.

Ideal for creating React apps from the scratch.

## Contains

- [x] [Typescript](https://www.typescriptlang.org/) 3.8

- [x] [React](https://facebook.github.io/react/) 16.12

- [x] [Redux](https://github.com/reactjs/redux) 4

- [x] [Redux Thunk](https://github.com/reduxjs/redux-thunk) 2.3

- [x] [React Router](https://github.com/ReactTraining/react-router) 5.1

- [x] [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension)

- [x] [TodoMVC example](http://todomvc.com)

### Build tools

- [x] [Webpack](https://webpack.github.io) 4

  - [x] [Tree Shaking](https://medium.com/@Rich_Harris/tree-shaking-versus-dead-code-elimination-d3765df85c80)

  - [x] [Webpack Dev Server](https://github.com/webpack/webpack-dev-server)

- [x] [Typescript Loader](https://github.com/TypeStrong/ts-loader)

- [x] [PostCSS Loader](https://github.com/postcss/postcss-loader)

  - [x] [PostCSS Preset Env](https://preset-env.cssdb.org/)

  - [x] [CSS modules](https://github.com/css-modules/css-modules)

- [x] [React Hot Loader](https://github.com/gaearon/react-hot-loader)

- [x] [Mini CSS Extract Plugin](https://github.com/webpack-contrib/mini-css-extract-plugin)

- [x] [HTML Webpack Plugin](https://github.com/ampedandwired/html-webpack-plugin)

## Installation

```

$ npm ci

```

## Running

```

$ npm start

```

## Build

```

$ npm run build

```

## Deploy (to the [GitHub Pages](https://pages.github.com/))

```

$ npm run deploy

```

# License

MIT