Skip to content

kevalone/react-typescript-template

 
 

Repository files navigation

React Template

Description

This Template is for building React efficient React Frontend Apps. It uses modern JavaScript, is built with TypeScript (typed superset of JavaScript that compiles to plain JavaScript) and several addons for efficient development

Specification

  • Package Manager : 🧶 yarn Version 1.22.5
  • Compiler : 🤖 Babel Version 7
  • Framework : 🔥 React Project (TypeScript) Version 17
  • Bundler : 📦 Webpack Version 5
  • Styling : 💅 styled-components (supports traditional css/scss)
  • Component Preview : 🔖 Storybook with Webpack 5 bundler
  • Development : 🎨 eslint, prettier, editorconfig
  • Testing : 🧪 React Testing Library with Jest
  • Environment Variable -
    • APP_ENV - Current build / running environment. Default is local.
  • Environment Configuration - ⚙️ Support with deployment specific environment files
    • .env.example - Define a schema of what variables should be defined in .env.{your_APP_ENV}. It throws an error if all values are not configured
    • Access the env variable in javascript using process.env.<your-env-variable>

Future Implementations

  • Code Spiltting
  • Tree Shaking

About

TypeScript React Boiler Plate

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 55.3%
  • JavaScript 38.9%
  • HTML 5.0%
  • Shell 0.8%