/react-starter

Simple bootstrap for new React projects

Primary LanguageTypeScript

react-starter

This is a simple boilerplate to quickly start a React project using Parcel as bundler.

Features

  • React 18
  • Parcel 2
  • TypeScript
  • SCSS integration
  • React Router for navigation
  • Theme context for dark/light mode
  • ESLint with Prettier integration

Using react-starter

Prerequisites

Make sure you have the following software installed:

  • Node.js (v14 or later)
  • Yarn package manager

Installation

  1. Clone the repository:

    git clone https://github.com/fidacura/react-starter.git
    cd react-starter
  2. Install the dependencies:

    yarn install

Running the Development Server

To start the development server with hot module replacement:

yarn dev

This will open your default browser with the running application.

Building for Production

To create a production build:

yarn build

The built assets will be in the dist folder.

Linting and Formatting

To check for linting errors:

yarn lint

To format the code using Prettier:

yarn format