A starter kit for using React, Webpack, TypeScript, etc.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook
src
stories
.gitignore
.prettierrc
DONE.md
README.md
TODO.md
index.html
package.json
tsconfig.json
webpack.config.js
yarn-error.log
yarn.lock

README.md

React, Webpack, and TypeScript Boilerplate

Description

I built this so that I could have a reference and a "starter kit" for projects that use React, webpack, and TypeScript. Hopefully this is useful to others, too.

It also uses Prettier and some other libraries/tools such as emotion (CSS-in-JS), Styled System, and polished.

I started building this by following this guide on the TypeScript website.

Install

Clone Repository

git clone https://github.com/miketmoore/react-webpack-typescript-boilerplate.git

Install Dependencies

I recommend using yarn, but you could also use npm. I used yarn, so you can make use of the lock file specific to yarn that is in this repository.

yarn install

Start Server

yarn start:dev

This will make http://localhost:3000 available. There isn't anything to see there, but it is a blank canvas for your awesome project. Note: the port is configurable via webpack.config.js.

Build & Start Storybook

Storybook is an amazing tool for rapidly prototyping UI components. I have setup a starter version of it that works with TypeScript.

yarn build-storybook && yarn storybook

This will make http://localhost:6006 available. There should be a simple "hello, world" story.