Why? It depends on the html2canvas NPM package, which when bundled, is kinda huge.
It's not impressive enough to justify the 150kB inclusion of html2canvas.
Other changes:
Reorganise the /src/_shared folder to contain subfolders for react, and js.
This is looking forward to future projects in different languages, e.g., typescript, or different frameworks, e.g., vue.js.
Reorganise some files (/public/homepage -> /public/static/files/main)
Split the main.js bundled file into react.js (containing all react packages that we didn't write) and main.js
This is leaning on webpack's dependOn configuration! Basically, the compiled main.js file can depend on the react.js file, which can then be shared between multiple react apps.
This lets future react bundles be much smaller and re-use the react.js file!! Yay to reduced redundancy!!
Add the webpack-bundle-analyzer package, so opening http://localhost:8888 gives some idea of what packages and source code is being bundled (useful for future large bundles, and for noticing how large html2canvas really was)
Updating the README.md for any notable changes above (bundle analyzer, /public/static/files directory)
(-1k lines of code) I don't know why tailwind.css was checked into git, but it was, so i deleted that file; .gitignore was already configured it ignore it
Don't lint HTML or CSS files anymore!!
I also un-linted some of these which were using single quotes - I think double quotes are what everyone uses anyways
Fixed the isMobileDevice media query which was being funky
Biggest change:
html2canvasNPM package, which when bundled, is kinda huge.html2canvas.Other changes:
webpack-bundle-analyzerpackage, so opening http://localhost:8888 gives some idea of what packages and source code is being bundled (useful for future large bundles, and for noticing how largehtml2canvasreally was)