Boilerplate!!!

Last updated: 6 June 2019

Overview

This boilerplate consists of Webpack, TypeScript, React, Redux, and SCSS.

I often find myself creating new projects so I decided to make a boilerplate as a nice starting point.

Application structure

- README.md

Prerequisites

You'll need the following pre-requisites installed to run the project

• Git
• Node.js
• nvm
• yarn

Getting Started

1. Clone the repo - git clone [email protected]:Ritural/webpack-typescript-react-boilerplate.git
2. Make sure you're using the correct node version with nvm use
3. In the root folder run yarn install.
4. Then run yarn start.

Checklist for feature parity with other boilerplates

Project level

• React international (for easy language swapping react-intl)
• API Layer (an example using native fetch)
• Service Worker (PWA)
• manifest.json (PWA)
• Check PWA Basics
• Testing
• InViewport
• LargieSmalls
• Analytics (probably project specific)
• Secure Route wrapper component
• VSCode recommended extensions
• VSCode snippets
• Example asset imports
• Example asset imports (SCSS)

Reusable components

• Button
• Checkbox
• Radio Buttons
• Tab component
• Conditionals
• Drop down
• Icon
• IconWithText
• Select
• TextArea
• Input (maybe)

Server

• Create a server

Websites

• http://www.easydamus.com/character.html
• https://www.google.com/search?q=dungeon+and+dragons+colours&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjl8KuevcXjAhVWcCsKHXbEAE8Q_AUIESgB&biw=1680&bih=916&dpr=2#imgrc=Axgrq2t1qLvqfM:
• https://www.reddit.com/r/DnD/comments/aauw0m/oc_a_quick_and_easy_to_follow_guide_for_choosing/