Typescript Boilerplate

A folder structure to start any typescript based react application

Table of Contents

• Features
• Getting Started
• List of Packages
• Useful Tools and Resources

Features

• Authentication using JWT
• Redux state manager
• Axios Headers for authentication and CORS management
• Material-UI and Styled Components for styling
• Typescript for safety
• Environmental Variables
• Logger

Getting Started

The easiest way to get started is to clone the repository:

# Get the latest snapshot
git clone https://github.com/patrickwehbe/typescript-

# Change directory
cd typescript-boilerplate-react

# Install NPM dependencies
npm install

# Launch example `example/index.ts`
npm run start

# Build library (Make sure to build the library before linking.)
npm run build

List of Packages

Package	Description
react	React library
redux	Redux for State management.
react-router-dom	Library for managing routes of application and browser history
axios	Promise based HTTP client for the browser and node.js
prettier	Opinionated Code Formatter.
tslint	Linter TypeScript.
tslint-config-prettier	Configuration tslint with prettier.
typescript	TypeScript library.
ts-node	TypeScript execution library.

Useful Tools and Resources

• TypeScript - TypeScript Documentation
• TypeScript Do's and Don'ts - Typescript best practice.