Skip to content

sanalpanicker/webpack-5-react-typescript-boilerplate

 
 

Repository files navigation

Webpack 5 React TypeScript Boilerplate

Webpack 5 boilerplate using React, TypeScript, Babel 7, PostCSS and Sass with a hot dev server and an optimized production build. Babel compiles TypeScript to ES5. The Webpack plugin fork-ts-checker-webpack-plugin does the type checking. It is possible to use both React with JS in .jsx files and React with TS in .tsx files. Except from the main index.js and the webpack files the modules are ready in jsx and tsx.

Usage

Installing

  • Make sure you have a new version of Node installed
  • Download the code by zip or fork
  • Run the command npm install by the command promt

Development server:

  • npm run start
  • You can view the development server at localhost:8080.

Production build:

  • npm run build

To view the build use http-server:

  • npm run prod

Features

Dependencies

React

  • react - React is a JavaScript library for creating user interfaces. For creating React components.
  • react-dom - This package serves as the entry point to the DOM and server renderers for React.
  • react-router-dom - This package serves as DOM for React Router.
  • react-hook-form - Forms in Reack.

Babel

  • @babel-runtime - Babel Runtime for dev babel/plugin-transform-runtime.

Other

  • core-js - Main Library with polyfills for older Browsers
  • whatwg-fetch - For making promise based web request progammitically

devDependencies

TypeScript

webpack

Loaders

Babel

Plugins

Author

  • Per Olsen

License

This project is open source and available under the MIT License.

About

Webpack 5 React TypeScript Babel and PostCSS boilerplate ready for use React with both JS and TS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.9%
  • TypeScript 40.0%
  • HTML 5.5%
  • SCSS 1.6%