---

Welcome to React TypeScript Quickstart

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.

Core libs

• 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

Concepts presented

• 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

Getting started

1. Clone the repository git clone https://github.com/blurbyte/react-typescript-quickstart.
2. Install all required modules with simple npm install command.
3. Start demo app in development mode npm start. It will build a project, start webserver and open app in a browser.
4. All project files are placed under /src folder.
5. To make a production build run npm run build, which will create ready to deploy static files in /dist directory.