React Template Repository

This is a template repository for a full-stack, dockerized application using React, React-Router, Webpack, Express, and SASS. It includes:

Webpack production optimizations
Webpack proxying for backend
SASS & loaders for styling
Express for SPA backend
React-router for routes
Lazy-loading for optimization
BundleAnalyzerPlugin for bundle management
URL Loader for Images/Assets
Jest for test running
Supertest for backend tests
React-Testing-Library for frontend tests
Github Actions for CI**
Docker for containerization
ESLint for Linting

Installation

npm install

Development

npm run start

For backend only: npm run dev:express

For frontend only: npm run dev:webpack

Tests

npm run test

Bundle Analysis

npm run analyze

Docker

Build the image: docker build -t yourusername/yourapp .

Run the image (map the ports): docker run -dit -p 3000:3000 yourusername/yourapp

Github Actions

The github actions in this repository are configured to build and push a Docker image to my account by default. You can either delete the .github folder or configure them with your own account + credentials. You may also delete the docker job, leaving the other CI tests in place.