Experimental visual bits
Just browsing tutorials.
Current state
- Movement is tracked in
.tracked-area
debounced 10ms. - Layout/width issues without placeholder text in trackpad.
To-dos
Three js - e.g.
Eventually move on to using: https://github.com/pmndrs/react-three-fiber
Randomization fed into state.
Will this be mobile-first for once??
Considering whether experiment will want a backend and some data at some point.
Swipey effect? how to verify without production...
- https://www.npmjs.com/package/react-swipeable
- https://stackoverflow.com/questions/70612769/how-do-i-recognize-swipe-events-in-react
- https://stackoverflow.com/questions/73005546/how-do-i-make-this-slideshow-react-to-swiping-on-a-mobile-device
Far-away times: TypeScript
Tools and libraries
- Vite + React
- Threejs (...not yet)
Hybridized these helpful snips via Josh W Comeau:
Styling
- Ant Design for some odds and ends (icons, color ref, maybe a button).
Cleanup
- husky
- eslint (and helpful shortlist for config), except make sure to use .eslintrc.cjs not .js, all else same.
- prettier
- pretty-quick
Foibles to avoid
- For whatever reason despite cloning an empty repo, I needed to
git init
again? husky installation was not working otherwise. Someday soon this 11-year-old warning will hit me.Just dos2unix-ing it away...