Progressive Web App with React and Amplify

Create lightning fast web apps with native power using React and the Amplify framework

Project Structure

• build
• public
  • assets
  • index.html
• src
  • components
    • app.css
    • App.js
  • index.js
• package.json
• webpack.config.js
• webpack.config.prod.js

Setup

1. Webpack for bundling files
2. Webpack Dev Server for reloading the page when changes are made
3. BabelLoader for transpiling ES6 to ES5
4. React Hot Loader for reloading JS while preserving the current state of the application without reloading the page itself
5. HtmlWebpackPlugin for minifying HTML
6. CSSLoader & StyleLoader for minifying CSS
7. UglifyJsPlugin for uglifying JS
8. FileLoader for copying assets required by JS code to build
9. Custom copy_assets.js script to copy all assets to build
10. ManifestPlugin for generating a list of assets and saving it to build
11. Firebase for backend infrastructure
12. React Router DOM for routing
13. Babel Polyfill for async/await
14. Syntax Dynamic Import Plugin for code splitting