• Compatibility and Performance

    index
    8
    status
    Draft

    Browser Support

    Workbench is built with modern web standards using Svelte and assumes support for:

    • ES6+
    • CSS custom properties (variables)
    • Flexbox and grid layout
    • requestAnimationFrame

    It is tested on the latest versions of Chrome, Firefox, Safari, and Edge. No support is guaranteed for Internet Explorer or legacy browsers.

    Performance Considerations

    • All prop updates are reactive and localized. Updating one prop only recalculates affected derived props.
    • Playable props animate independently on a shared animation tick (driven by requestAnimationFrame).
    • For most educational use cases, performance should remain smooth with 1–3 animated props and <20 total props.
    • Avoid overusing animation or deep dependency chains for maximum responsiveness.

    Future versions may introduce batching or off-main-thread animation for more complex use cases.