React Webpack Template

The web's most popular front-end template for building web applications with React, WebPack.

Features

Optimized for serverless deployment to CDN edge locations (Cloudflare Workers)
HTML page rendering (SSR) at CDN edge locations, all ~100 points on Lighthouse
Hot module replacement during local development using React Refetch
Pre-configured with CSS-in-JS styling using Emotion.js
Pre-configured with code quality tools: ESLint, Prettier, TypeScript, etc.
Pre-configured with VSCode code snippets and other VSCode settings
The ongoing design and development is supported by these wonderful companies:

This project was bootstrapped with React webpack template. Be sure to join our Discord channel for assistance.

Directory Structure

├──.github — GitHub configuration including CI/CD workflows
├──reducer — redux reducer
├──.src — code base source
│ ├──components — React components
│ ├──pages — React pages
│ ├──index.tx — application entry point
├──.webpack — webpack configurations

Tech Stack

React
TypeScript, Babel, ESLint, Prettier, Jest, Yarn v2 with PnP, Webpack v5

Requirements

Node.js v14 or newer, Yarn package manager
VS Code editor with recommended extensions

Getting Started

Clone the repo
git clone git@github.com:gabrielopeyemi/React-webpack-template.git
Install project dependencies — yarn install
Launch the app — yarn start, it will become available at http://localhost:3000

Scripts

yarn start — Launches the app in development mode on http://localhost:3000
yarn build — Compiles and bundles the app for deployment

How to Contribute

Anyone and everyone is welcome to contribute. Start by checking out the list of open issues. However, if you decide to get involved, please take a moment to review the guidelines.

License

^{Made with ♥ by Opeyemi Famosipe (@GabrielOpeyemi_,
and contributors.}

gabrielopeyemi/React-webpack-template