React Typescript Starter is a boilerplate built on top of React and Typescript using Webpack 4.
This repository is no longer maintained. Please take a look at my new template: https://github.com/shortgiraffe4/react-nextjs-boilerplate
https://react-typescript-starter.herokuapp.com/
Directory layout
├── /dist/ # The folder for compiled output (only exists after build in production mode)
├── /node_modules/ # 3rd-party libraries and utilities
├── /src/ # The source code of the application
| ├── /assets/ # All the static assets
│ ├── /components/ # React components
│ ├── /redux/ # Redux and redux-thunks component and config
│ ├── /scss/ # Stylesheets in SASS
│ ├── /App.tsx # Main App component
│ ├── /index.html # Html template
│ └── /index.tsx # Main script
├── _config.yml # Github pages config
├── package-lock.json # Automatically generated
├── package.json # The list of 3rd party libraries, utilities, and build, run scripts
├── postcss.config.js # Postcss loader config
├── README.md # README document
├── static.json # Configuration for Heroku deployment
├── tsconfig.json # Configuration for Typescript
├── tslint.json # Configuration for TSlint
├── webpack.config.js # Common config for Webpack
├── webpack.dev.js # Development config for Webpack
└── webpack.prod.js # Production config for Webpack
git clone git@github.com:shortgiraffe4/react-typescript-starter.git --depth 1
npm install
npm start
webpack-dev-server is here to do the job
Follow this instruction: https://devcenter.heroku.com/articles/heroku-cli
Open your command line and run this:
heroku login
Input your account and continue.
heroku create -b https://github.com/mars/create-react-app-buildpack.git
Firstly, go to https://dashboard.heroku.com, and create an app. Then run:
heroku git:remote -a <name_of_your_heroku_app>
git push heroku master
https://<name_of_your_heroku_app>.herokuapp.com/
- Favicon for webpack-dev-server