Introducing gl-react

gl-react

Last Thursday, my talk at React Paris Meetup was about using the functional rendering paradigm of WebGL in React. The library gl-react wraps WebGL in React paradigm with a focus for developing 2D effects, that we need in my current startup, Project September, where I have the chance to develop it.

Slides

Abstract

We can write effects without having to learn the complex and imperative low-level WebGL API but instead composing React components, as simple as functional composition, using VDOM descriptive paradigm.

gl-react brings WebGL bindings for react to implement complex effects over content.

gl-react-native is the React Native implementation, therefore allows universal effects to be written both for web and native.

These libraries totally hides for you the complexity of using the OpenGL/WebGL API but takes the best part of it: GLSL, which is a "functional rendering" language that runs on GPU.

As a generative plotter artist, I use code to generate art (creative coding) and physically create it with pen plotters, which is itself a generative process – each physical plot is a unique variant. I love dualities, like digital vs analog physical, abstract vs figurative, orthogonal vs polar, photo vs noise,...