Adventures with React and JUCE

By Jim Hague

Doing UI with Typescript in a C++ application

Ever thought of doing a C application user interface in React (even using Typescript into the bargain)? I've been part of a team working on a large C audio application doing exactly that. This session is a report on how it’s been going, what has been good and what has been…​ less good.

You have a large C codebase that uses JUCE, a multi-platform C framework widely used in the audio world.

JUCE includes C++ GUI classes, so you can write your GUI directly with JUCE. But that means a compile and link every time you need to adjust anything, which can be tedious with a large code base, and besides, JUCE’s GUI classes are pretty traditional. What if you could write your GUI in a more declarative fashion with React? And enjoy seeing changes in UI code show up immediately without a compile-link?

This the story of exactly this journey, using the open source react-juce library. We’ll learn a bit about JUCE, take a dive into how react-juce works (and so see how potentially you might produce a React backend targeting a different C++ GUI toolbox), look at how such a GUI might perform, and reflect on the lessons from the project.





Your Privacy

By clicking "Accept Non-Essential Cookies" you agree ACCU can store non-essential cookies on your device and disclose information in accordance with our Privacy Policy and Cookie Policy.

Current Setting: Non-Essential Cookies REJECTED


By clicking "Include Third Party Content" you agree ACCU can forward your IP address to third-party sites (such as YouTube) to enhance the information presented on this site, and that third-party sites may store cookies on your device.

Current Setting: Third Party Content EXCLUDED



Settings can be changed at any time from the Cookie Policy page.