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

A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
https://github.com/rokoroku/react-mobx-typescript-boilerplate

boilerplate mobx postcss react todomvc treeshaking typescript webpack

Last synced: about 1 month ago
JSON representation

A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4

• Host: GitHub
• URL: https://github.com/rokoroku/react-mobx-typescript-boilerplate
• Owner: rokoroku
• Created: 2016-12-28T06:49:57.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:32:15.000Z (almost 2 years ago)
• Last Synced: 2024-09-28T09:22:07.168Z (about 2 months ago)
• Topics: boilerplate, mobx, postcss, react, todomvc, treeshaking, typescript, webpack
• Language: TypeScript
• Homepage:
• Size: 984 KB
• Stars: 384
• Watchers: 11
• Forks: 91
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Boilerplate with React, MobX & TypeScript

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

Note that this project does not include **Server-Side Rendering**, **Testing Frameworks** and other stuffs that makes the package unnecessarily complicated.

Ideal for creating React apps from the scratch.

See also: [react-redux-typescript-boilerplate](https://github.com/rokoroku/react-redux-typescript-boilerplate)

## Contains

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

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

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

- [x] [Mobx](https://github.com/mobxjs/mobx) 5

- [x] [Mobx React](https://github.com/mobxjs/mobx-react)

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

### Build tools

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

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

- [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/)

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

## Setup

```

$ npm install

```

## Running

```

$ npm start

```

## Build

```

$ npm run build

```

## Code Format

```

$ npm run prettier

```

# License

MIT