Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/morzhanov/react-ts-boilerplate
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
https://github.com/morzhanov/react-ts-boilerplate
eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4
Last synced: 5 days ago
JSON representation
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
- Host: GitHub
- URL: https://github.com/morzhanov/react-ts-boilerplate
- Owner: morzhanov
- License: mit
- Created: 2018-06-30T12:20:01.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T15:47:17.000Z (about 6 years ago)
- Last Synced: 2024-11-08T00:52:36.410Z (about 2 months ago)
- Topics: eslint, hmr, mobx, mobx-state-tree, mst, postcss, prettier, react, react-router-v4, scss, styled-components, typescript, webpack4
- Language: TypeScript
- Homepage:
- Size: 132 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React TypeScript Boilerplate
React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.
Based on Mobx-State-Tree React Boilerplate
Also this boilerplate contains babel configuration to use decorators from ES7 and HMR with React.
## Installation
Use these steps to install project
```
1. yarn install
2. yarn start
```
Build project:
```
yarn build
```
## Usage
- Uses webpack to build project.
- Uses Babel to compile ES6 and ES7 code.
- You can use SASS\SCSS within this boilerplate.
- Check your code with ESLint and Prettier.
- Supports styled components.
- Supports hot-module-reload.
## Main Technologies and libraries
- React
- Typescript
- React Router
- Mobx-State-Tree
- Mobx
- HMR
- Styled components
- Webpack 4
- ESLint
- Prettier
- Babel
- Stylus
- PostCSS
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Author
Vlad Morzhanov
## License
#### (The MIT License)
Copyright (c) 2018 Vlad Morzhanov.
You can review license in the LICENSE file.