Simplify javascript architecture - Githubissues

sparkbox / bouncy-ball

:red_circle: Compare web animation techniques by bouncing a ball with each one.

https://sparkbox.github.io/bouncy-ball

MIT License

605 stars 66 forks source link

Simplify javascript architecture #104

Closed bryanbraun closed 3 years ago

bryanbraun commented 3 years ago

Description

Major changes include:

Migrate postcss to plain css (and remove the compile step).
Migrate custom code from using browserify + common-js to ES modules (and remove the bundle step).
Use Snowpack to install ES-module-compatible 3rd party dependencies.
Update custom third-party dependencies (PrismJS & Modernizr).
Update linting tooling.

Fixes #77

Testing instructions:

Pull down the branch and run npm ci to install dependencies
Start the server: npm start
Browse to the server url and walk through the functionality to ensure everything is working as expected.
- Demos load and work as expected.
- The "docs pane" opens and works as expected.
- The url hash is updated for each demo (browsing directly to a link with the hash will load the corresponding demo).