A simple & opinionated starting kit without too much magic ✨. Just for developing React web apps with TypeScript.
Check out live app at reactquickstart.surge.sh 🚀
For clean development environment without demo app and styled-components check clean
branch. For a setup without example app switch to base
branch.
- FuseBox bundler for its first class TypeScript support and handy task manager — fuse.js config
- Styled with CSS-in-JS styled-components
- Automated tests with jests and enzyme
- Linted with tslint and formatted with prettier
- Creating and testing render props component — src/components/Counter and src/components/ManageCounter
- Implementing compound component — src/components/TextList and src/components/Table
- Simple responsive app layout with css grid and media queries
- CI/CD with TravisCI and Surge.sh — .travis.yml
- Clone the repository
git clone https://github.com/blurbyte/react-typescript-quickstart
. - Install all required modules with simple
npm install
command. - Start demo app in development mode
npm start
. It will build a project, start webserver and open app in a browser. - All project files are placed under /src folder.
- To make a production build run
npm run build
, which will create ready to deploy static files in/dist
directory.