Skip to content

Template repository for a react application using typescript and bundled with webpack

Notifications You must be signed in to change notification settings

james-jenkinson/react-typescript-webpack-template

Repository files navigation

React Application

Linting Testing Deployment

About this project

Add some information here about this application

Development

This is a react project written in typescript, and bundled via webpack. Css styling can be imported directly in component files to apply component styling. Continuous integration / deployment is handled with Github actions.

Running locally

Using npm

npm install
npm start

Using docker

docker-compose up

Application will be served from localhost:8080.

In both cases the application will support hot reloading on changes to the source code.

Tests

npm test

Linting

npm run lint

Continuous Integration

Continuous integration checks are run via Github actions. On each commit there run checks for:

  • Unit test failures
  • Lint errors

Deployment

The application is deployed to the corresponding Github pages site of this repository (https://[owner].github.io/[repository])

Continuous deployment

The application uses Github actions to deploy the code. When a commit is pushed to master the deployment workflow is triggered, and will deploy the site.

Manual deployment

For deploying a specific branch, outside of the continuous deployment workflow (for exaple when wanting to test a specific feature live) you can trigger the manual deployment workflow. Go to Actions > Manual Deployment > Run Workflow, and select the branch you want to deploy from the dropdown.

About

Template repository for a react application using typescript and bundled with webpack

Resources

Stars

Watchers

Forks

Releases

No releases published