A minimal starter kit for React with Webpack, Typescript, SASS & CSS Modules.
This repo was originally my personal React “starting kit” that I’ve used internally within companies for a couple of years since 2017 and then moved here to Github, Create React App was in its very early stages and creating a custom boilerplate repo for React was quite a common task.
Today isn’t the case anymore since CRA has grown way better and alternative tools like Vite are even better suited for small and performant webapps.
So this repo is now quite a relic of that time, still useful if you want to see how to configure React and Webpack from scratch… but nothing more!
A minimal starter kit for React with Webpack, Typescript, SASS & CSS Modules.
As the name says, this is another React starter kit created to give the minimum-viable-configuration to get started a new React based project with less dependencies and boilerplate as possible.
Developed mainly for me 😎 but open to everyone who may find this useful.
A few steps to quick-start a new project:
Clone the repo on a new folder
$ git clone https://github.com/moebiusmania/react-minimal my-project
Change the name in the package.json, this will also affect the HTML title and the Webpack’s notifications:
..."name": "my-project"...
then
$ npm ci
to install dependencies, and
$ npm start
to start webserver on localhost:3000
To create deployable static files in the ./dist folder:
$ npm run build
to deploy the ./dist folder as a Github page:
$ npm run deploy
This starter kit supports both regular CSS and SASS, with a little difference in how they are managed:
.css files are handled as regular CSS..scss files are loaded as CSS modules, this is a best fit for components.Check the releases page to get updated on what changed in the latest version.
Released under the MIT license.