react-simple-starter icon indicating copy to clipboard operation
react-simple-starter copied to clipboard

:zap: Webpack custom create-react-app with HMR

Open Source Love


React Simple Starter

:school_satchel: Get up and running with :fire: [hot reload] and optimized production build :gem:

Result of revisiting to webpack basics :blush:

banner

Quick start

  • Clone this repo
  • Run npm run quick/yarn quick
  • Go to http://localhost:5050

Features

tech

  • :fire: Hot Reload

  • Creates files using commands

    • Containers with test files : yarn cont MyContainer1 MyContainer2
    • Component with test file: yarn comp MyComponent1 MyConponent2
  • Linting using ESLint following Airbnb style guide

  • Testing using Jest

Commands

  • clean-init: To start with a fresh repo
  • comp: Create component folder and files (including test file)
  • cont: Create container folder and files (including test file)
  • start: Start the dev server running at http://localhost:5050
  • build: Build for production, ready to host
  • test: Run tests in watch mode
  • quick: Clean and install dependencies, start the server

Example app

sample app

More docs will be updated soon

  • If you use it somewhere, you have to link back to Knaxus(https://ashokdey.in/opensource)

Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 Unported License.