Skip to content

React starter kit, but with TypeScript. Simple & opinionated without too much magic ✨

License

Notifications You must be signed in to change notification settings

blurbyte/react-typescript-quickstart

Repository files navigation

React Typescript Quickstart


Welcome to React TypeScript Quickstart

Build Status

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 componentsrc/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.

About

React starter kit, but with TypeScript. Simple & opinionated without too much magic ✨

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published