Florian Rival

Can React and web technologies compete with native toolkits when it comes to making super complex, rich desktop apps? Can we go further and create better-than-native applications?? Sounds like a good challenge

This talk introduces how React, JavaScript and WebAssembly can be used to write new ambitious apps, or port existing ones – with the real-world example of my open-source game development software. I’ll show how to leverage the React ecosystem to create performant applications: architecture, patterns, typing, useful open-source modules… and how to go one step further and provide a better user experience as well as a better developer experience.

These apps are not web apps, they are not native apps, they are hybrid “Native Web Apps” and can provide the best of both worlds.

2019

ReactiveConf

Native Web Apps: React and WebAssembly to Rewrite Native Apps

Can React and JavaScript compete with native toolkits when it comes to making super complex, heavy desktop apps? Can we go further and create better-than-native applications? 🤔 Sounds like a good challenge! And this is what I decided to do with my game making software.

In this talk, I introduce how React, JavaScript and WebAssembly can be used to write new ambitious apps, or port existing ones. I'll show real world examples of how we can leverage them, and the React ecosystem, to create performant applications... and how to go one step further and provide a better user experience as well as a better developer experience.

These apps are not web apps, they are not native apps, they are hybrid "Native Web Apps and can provide the best of both worlds.

JSConf US

Native Web Apps: React, JS & WebAssembly to rewrite native apps

Can React and web technologies compete with native toolkits when it comes to making super complex, rich desktop apps? Can we go further and create better-than-native applications? 🤔 Sounds like a good challenge!

This talk introduces how React, JavaScript and WebAssembly can be used to write new ambitious apps, or port existing ones - with real world examples! I'll show how to leverage the React ecosystem to create performant applications: architecture, patterns, typing, useful open-source modules and tooling... and how to go one step further and provide a better user experience as well as a better developer experience.

These apps are not web apps, they are not native apps, they are hybrid 'Native Web Apps' and can provide the best of both worlds.

React Amsterdam

2018

React Conf

Beyond Web Apps  React, JavaScript and WebAssembly

Can we create or port an existing native desktop application to a complete "React powered" web-app matching (or even exceeding) the quality of the legacy desktop app? Sounds like a good challenge! And this is what I decided to do with my game-making software. 

This talk will explain all the problems I had and solutions that I used to port my native app written in C++, to a full React + WebAssembly app - while still keeping all existing features! Spoiler alert: At the end, it works.

React Boston

Beyond Web-Apps – React, JavaScript to Port Legacy Native Apps

A great strength of React Native is how easily we can interface our app with native code. In this talk, I’m going to explain the lifecycle of a native module, how to call it, how to reuse screens and pages from an existing codebase or integrate React Native screens into an existing app.

2017

ReactNext

Bridges to React Native

A great strength of React Native is how easily we can interface our app with native code. While working with React Native, I created a module (react-native-image-resizer) to resize local images using native APIs, integrated a native SDK to a React Native app and we added React Native to an existing native app. Let's see how to do this and how it's working internally!