JSPM

@nicholasdigital/react-web-boilerplate

1.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q22807F
  • License ISC

A react web application boilerplate using Webpack, Babel, ESLint, Prettier, and Jest.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nicholasdigital/react-web-boilerplate) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    React Web Boilerplate

    A modern React web application boilerplate using Webpack, Babel, ESLint, Prettier, and Jest.

    Features

    • React 19 with functional components
    • Webpack 5 for bundling and dev server
    • Babel for ESNext and JSX transpilation
    • Sass support for styling
    • ESLint (Airbnb + Prettier) for code linting
    • Prettier for code formatting
    • Jest for unit testing
    • React Router v5 for routing
    • Redux and Redux Saga for state management
    • Husky and lint-staged for pre-commit hooks
    • Commitlint for commit message linting

    Getting Started

    Installation

    npm install

    Development

    npm start

    Runs the app in development mode at http://localhost:8080.

    Build

    npm run build

    Builds the app for production to the dist folder.

    Lint & Format

    npm run lint
    npm run format

    Test

    npm test

    Project Structure

    src/
        Pages/
            Home/
                Home.component.jsx
                index.js
        App.component.jsx
        Router.component.jsx
        index.jsx
        index.sass
        routes.js
        __tests__/
            index.test.js

    Scripts

    • npm start — Start dev server
    • npm run build — Build for production
    • npm run lint — Lint code
    • npm run format — Format code
    • npm test — Run tests

    License

    ISC


    Boilerplate by Nick Pray