Video: How to Use External JavaScript in a Reactive Web App

UPDATE (07/22/2020):
In the spirit of transparency, I wanted to share that a colleague brought to my attention that part of the technique shown in the video below (specifically, the use of the OnRender event to manipulate the DOM via the innerHTML property) doesn't really take advantage of the React framework. I'm currently working on an updated version of the demo that uses the same JavaScript library, but in a manner more consistent with how React works. I'll update this post with a link to that video once it's complete.

The short version, for those who might be interested in just experimenting, is to remove the call to OnRender from the screen, and instead create client actions that call the functions in the JavaScript library, and then each of the on-screen Expressions can call the client action, passing in the local variable that is bound to the input box on the screen. When done this way, the underlying React framework will automatically update the screen whenever the value of the input box changes.

Need to add some external JavaScript to your OutSystems Reactive Web app? This quick demo shows you one way to do it.

Want to stay on top of the latest videos from OutSystems? Make sure to click the Subscribe button. 

Great example!

Thanks for the demo Andrew. I was working in Jscript to achieve some functionality in my app, this is surely going to help me on that.

Great Job, nice vídeo. 

Very good! Clear and usefull.