React Templates & Themes Logo React Templates & Themes
Parcel Typescript Template screenshot

Parcel Typescript Template

Author Avatar Theme by Adrianhall
Updated: 31 Aug 2022
34 Stars

A template for a react app with Parcel, TypeScript, SASS, and ESLint, with Azure infrastructure.

Github

Categories

Templates & themes

Overview:

The Parcel / React / TypeScript / SASS / ESLint Template is a template project for a React application that provides a pre-configured toolchain for easy development. It includes Parcel as the bundler, TypeScript as the language, SASS as the CSS preprocessor, and ESLint as the code linter. It also includes additional packages like React Router and Ant Design. The template is no longer maintained and should not be used.

Features:

  • Bundler: Parcel: The template uses Parcel as the bundler, which simplifies the process of bundling and building the application.
  • Language: TypeScript: TypeScript is used as the language for the project, adding static typing and improved tooling to the development process.
  • CSS: SASS: SASS is the chosen CSS preprocessor, allowing for the use of variables, mixins, and other advanced features to enhance styling.
  • Code Linter: ESLint: ESLint is used as the code linter, ensuring consistent code quality and enforcing best practices.
  • Style Linter: Stylelint: Stylelint is used as the style linter, helping maintain a consistent style across the project.
  • Visual Test: Storybook: The template includes Storybook, a tool for developing UI components in isolation and testing them visually.

Installation:

To install the Parcel / React / TypeScript / SASS / ESLint Template, follow these steps:

  1. Clone the repository:
git clone [repository-url]
cd [repository-name]
  1. Install the dependencies:
npm install
  1. Run the development server:
npm start
  1. Open your browser and go to http://localhost:3000 to see the application running.

Summary:

The Parcel / React / TypeScript / SASS / ESLint Template is a pre-configured template project for a React application. It provides a toolchain that includes Parcel as the bundler, TypeScript for static typing, SASS for CSS preprocessing, and ESLint for code linting. Additional packages like React Router and Ant Design are also included. The template is no longer maintained, but it can serve as a starting point for building React applications with a modern toolchain.