dgilfoy / afterdeployment-all-topics

All of the Afterdeployment Topics in one PWA

AfterDeployment Topics (all) - one codebase

Demo

Primary modules used (check 'em out)

• Reactjs
• Reduxjs
• Material UI
• Typescript 2.x
• Webpack 2.x

Recommended Tutorials/Prerequisites

• Reactjs Tutorial
• Reduxjs
• You will need Typscript 2.x and Webpack 2.x

Installation

npm install

Development

Run In Development mode

npm start

App should be running in http://localhost:8080

When you make changes a watcher will rebuild the app and you may need to refresh the page to see the changes.

Building

npm run build

Running the build (having already run npm run build)

npm run serve

Overview

Data

The static data used in this app is stored in src/res/data. Images are in src/res/images. I could've stored the static data in a redux store as I've done in the past.

Some non-static data is stored using redux store. For example the assessment results.

Containers (Container Components)

Containers

Data is fed to the app and its various components from container components in the src/containers directory.

Components (Presentation Components)

Components

In the src/components directory are the Presentation components. The goal of these components is that they are supposed to be "dumb" and reusable.