Reactive WebGPU

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • reactively

    But what if the vertices change? What if the user changes the shape and number of the tiles while the video is playing? In that case, we will need to update the buffer. Reactively can handle that situation automatically. Reactively tracks dependencies and will re-execute the body of the getter if the dependencies change, vertexBuffer will create a new GPUBuffer as required. In this case, shapeVerts might change if the user changes the size and shape of the mosaic tiles in the control panel and then it would be appropriate to rebuild the GPUBuffer for new vertices for the next rendered frame.

  • Angular

    Deliver web apps with confidence 🚀

    Significant parts of the web dev community are moving to fine grained reactivity to meet the challenge of creating modern dynamic HTML. Note that fine grained reactive libraries are sometimes called Signal libraries. Libraries like Reactively, Preact Signals, Angular Signals, SolidJs, and Vue Signals are examples of this trend.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • thimbleberry

    WebGPU utilities

    reactiveTrackUse uses Reactively's onCleanup() method to register a callback when the getter is re-run. That's a perfect time to release the old buffer. And in fact, reactiveTrackUse typically will destroy() the old buffer immediately. Under the hood, reactiveTrackUse tries to be a little more clever. It uses Thimbleberry's trackUse reference counting utility which will defer calling destroy() in the case where the buffer is still in some other part of our application.

  • solid-docs

    Cumulative documentation for SolidJS and related packages.

    Significant parts of the web dev community are moving to fine grained reactivity to meet the challenge of creating modern dynamic HTML. Note that fine grained reactive libraries are sometimes called Signal libraries. Libraries like Reactively, Preact Signals, Angular Signals, SolidJs, and Vue Signals are examples of this trend.

  • lit

    Lit is a simple library for building fast, lightweight web components.

    To explore fine grained reactivity for WebGPU, we'll use the Reactively library by modderme123. It's fast and small and was originally designed to be independent of any particular web framework. (That said, Reactively adapters for Lit are already available, and SolidJS is planning to adopt Reactively in their 2.0 release.)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts