https://github.com/derrickmstrong/barebones-react-typescript-express

https://github.com/derrickmstrong/barebones-react-typescript-express

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/derrickmstrong/barebones-react-typescript-express
• Owner: derrickmstrong
• Created: 2020-06-29T12:16:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T19:38:25.000Z (almost 2 years ago)
• Last Synced: 2023-03-10T00:08:08.966Z (almost 2 years ago)
• Language: JavaScript
• Size: 1.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Barebones React/TypeScript/Express/Sass Boilerplate

This project is a starting point for a TypeScript based React app that also has a local API server using express.

There are 2 different Webpack configurations. One for the server and one for the client.

## Server

The server build process compiles the TypeScript files found in `/src/server` into a single bundled JavaScript file located in the `/dist` directory.

## Client

The client build process compiles the React app located in `/src/client` into a bundled located at `/public/js/app.js`.

The client configuration will also build the Sass files found at `/src/client/scss`. The App component imports the `app.scss` file which already includes an import for Bootstrap.

## Running the project

In order to run the server, use `npm run dev`, and the server will start on port 3000 (http://localhost:3000). 

Webpack will watch the files. Once you save a file, you can refresh your browser to ensure you got the updated client files. If you only change server files, you *shouldn't* need to refresh.