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 create art (creative coding), draw with fountain pens on robots (plotting), and explore the boundaries of abstract art using algorithms in pursuit of increasingly realistic imagery. I do not produce prints; instead, I create unique 'plots' - physical works of art that are truly one-of-a-kind.