Redraw for Effects Beyond Skia

youtube-cover
Guest
William Candillon
RN Graphics Expert
@

If Skia gives React Native a strong base for scalable graphics, Redraw is aimed at a different layer. In this App.js interview, Guillaume Candillon explains that Skia is great for web-style graphics, text layout, and high-performance rendering at scale. Redraw comes in when you want effects that go further, including visuals that are hard or simply not available in the web stack today.

A big part of that is physics-based rendering. Instead of drawing every shadow and highlight by hand, you describe the scene, the material, and the light, and the rendering follows from that. William connects that idea to interface work, especially graphics-heavy UI that would usually be too slow or too manual in a more traditional setup.

He also gives more concrete examples of where this could go. On one hand, there are non-real-time use cases, such as presentation graphics, where teams still rely on tools like Cinema 4D. On the other, there are real-time interfaces where vector-based rendering can make richer visual systems practical inside an app. The Vision Camera integration pushes that further with filters, machine-learning-driven overlays, and AR-style scenes where camera light interacts with 3D objects.

Because Redraw is built around WebGPU, the same graphics model can extend across web and native environments. That makes it more than a rendering experiment. It starts to look like a foundation for a different class of React Native interfaces.

What’s the goal now for William? To make Redraw fast, stable, and useful enough that people build with it for more than a proof of concept.

Insights

Learn more about React Native

cover

Oct 8Talk

Same Destination, Different Roads: Migrating a Live App at Scale

Łukasz Chludziński compares Greenfield and Brownfield approaches to migrating a live app, weighing continuity, delivery speed, cost, and risk.

cover

Oct 7Talk

Building a Modern Navigation Library: The Hard Parts

At reactCon, Satyajit Sahoo explores the design choices behind React Navigation 8 and the challenges of creating a navigation library that works across platforms.

cover

Sep 24Talk

JSX to Live Activity: The Story of Voltra

Szymon Chmal will show how Voltra brings iOS Live Activities and widgets to React Native without requiring developers to write native UI code.

cover

Sep 24Talk

Building a Modern Navigation Library: The Hard Parts

Satyajit Sahoo will share the decisions and trade-offs behind React Navigation 8 and building a modern cross-platform navigation library.

cover

Aug 4Podcast

VisionCamera V5 With Marc Rousavy

Marc Rousavy joins Mike Grabowski to unpack VisionCamera v5, Nitro Modules, the constraints API, migration work, and what changed for React Native camera apps.

cover

Jul 9Talk

From JSX to SwiftUI: How Voltra Powers iOS Live Activities

See how Voltra lets React teams build iOS Live Activities and Dynamic Island UIs without Swift by translating JSX into SwiftUI under tight native limits.

cover

Jun 29Article

Less Boilerplate, More Type Safety: React Navigation 8's Typed Hooks

React Navigation 8 improves typed hooks with screen-aware types, less boilerplate, and fewer unsafe casts in shared UI and nested navigators.

cover

May 5Meetup

KLJS x React Universe Meetup, Kuala Lumpur

Join Callstack and Ryt Bank on May 5 in-person for a React Universe meetup with practical talks for engineers working with React and React Native in production.

cover

Apr 30Live Stream

Build a React Native App With the TanStack Stack

Join Callstack’s live stream on building a React Native app from the ground up using the TanStack toolbelt.