Skip to content

dmitrijs-balcers/react-css-modules-typescript-boilerplate

Repository files navigation

React, Typescript, Parcel V2, CSS Modules

This boilerplate has everything ready to build your prototype based on tech mentioned above.

Run

git clone https://github.com/dmitrijs-balcers/react-css-modules-typescript-boilerplate new-project
cd new-project && yarn
yarn
yarn start

Open: http://localhost:1234

Features

All the mentioned above + prettier and pre-commit hook to format your code. Also this project already has Github Actions set up to perform typechecks and lint.

Dependencies

A JavaScript library for building user interfaces

TypeScript is a strongly typed programming language which builds on JavaScript giving you better tooling at any scale.

A simple JavaScript utility for conditionally joining classNames together.

import cn from "classnames";
cn("foo", "bar"); // => 'foo bar'

It is being used here in the code.

Parcel is a compiler for all your code, regardless of the language or toolchain.

Parcel takes all of your files and dependencies, transforms them, and merges them together into a smaller set of output files that can be used to run your code.

What PostCSS Really Is; What It Really Does

Formats our code for us :)

Runs prettier for us in pre commit stage