React Template

A React Template with custom webpack config

· Report Bugs . Add Features

Table of Contents

1. About The Project
2. Built With
3. Getting Started
   • Prerequisites
   • Contribution guidlines
   • Local Repository Setup
   • Running the project
4. License
5. Contributors

About The Project

A React Template with custom webpack configuration along with support for code splitting. Following are the features specific to React.

• Individual Page code splitting support.
• Uses functional component style.
• Support for some commonly used Hooks.
• Well thought out directory structure for large scale projects.
• Supports testing using Jest and React Testing Library

Following is a list of plugins used for configuring Webpack

• uglify-js-plugin - For minification of Javascript
• clean-webpack-plugin - For cleaning of the build folder
• webpack-bundle-analyzer - For visualizing size of webpack output files
• copy-webpack-plugin - For copying the static directory into build directory
• html-webpack-plugin - For simplifying the creation of HTML files to serve your bundles
• brotli-webpack-plugin - For better compression using the Brotli compression algorithm

Built With

Following technologies and libraries are used for the development of this template

• Routing using react-router-dom
• Global State Mananagement with the help of redux
• Linting with eslint and formating using prettier
• Testing support with jest and react-testing-library
• Uses yarn for faster installs

Getting Started

To setup the project locally follow the steps below

Prerequisites

• Node.js

  # Homebrew
  brew install nodejs
  
  # Sudo apt
  sudo apt install nodejs
  
  # Packman
  pacman -S nodejs
  
  # Module Install
  dnf module install nodejs:<stream> # stream is the version
  
  # Windows (chocolaty)
  cinst nodejs.install
  

• Yarn

  npm install --global yarn

• Git

  # Homebrew
  brew install git

  # Sudo apt
  apt-get install git

  # Packman
  pacman -S git

  # Module Install (Fedora)
  dnf install git

Contribution guidlines 🎃

---

Our Slack Community: Slack Invite

Contributions are welcome 🎉🎉

Local Repository Setup

Please refer to the project's style and contribution guidelines for submitting patches and additions. In general, we follow the "fork-and-pull" Git workflow.

1. Fork the repo on GitHub
2. Clone the project to your local system
3. Commit changes to your own separate branch
4. Push your work back up to your fork
5. Submit a Pull request so that we can review your changes

NOTE 1: Please abide by the Contributing Guidelines.

NOTE 2: Please abide by the Code of Conduct.

Running the project.

The project uses Yarn and not NPM. It is strictly advised to stick with Yarn so as to avoid dependency conflicts down the line.

## Checkout into the project client directory
cd client

## Install Dependencies
yarn install

## Run the Project
yarn develop

Following are the commands to remove/add new dependencies using yarn

## Add a new Package
yarn add package_name

## Remove an existing Package
yarn remove package_name

## Save Package as a Dev Dependency
yarn add -D package_name

License

Distributed under the MIT License. See LICENSE for more information.