Use WebGL in a Declarative manner

[yuichkun]

👁Purpose 👁

To find the tips for integrating WebGL in a SPA site.

👑Goals 👑

• A React app with WebGL
• WebGL part of the app is in sync with the React lifecycle without an imperative draw call.
• WebGL part is easy to modify and has tests.

📓Steps to Learn 📓

1. Familiarize yourself with WebGL. Look through the examples, maybe write a hello-world app, like rendering a simple square box or something, without using any library.
   i.e. get to know the pain
2. Rewrite the hello-world app in a declarative way with something like react-three or etc..
3. A simple rendering test would be nice to have. Maybe a snapshot test with Enzyme, React Test Renderer.
4. Also, props validation will be nice to have. Either by type checks or validation libraries.