Remote Rendering with Web Workers

on YouTube ↗19m

" summary

Built Argo, an Argo extensibility framework that runs external scripts inside a sandboxed background thread using remote-ui + web workers and headless JS on mobile, serializes a component tree over an RPC proxy, and renders native UI on web, iOS, and Android. Functions cross the boundary as promises, globals are restricted, and the same script produces indistinguishable native components; a demo shows live reload and a toast API working across platforms.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 1:00Core Concepts behind Remote Rendering
3. 2:27Objectives
4. 4:05End-to-End Flow
5. 5:34Remote Receiver
6. 6:30Worker Script
7. 7:31Set Up the Workers Rpc Layer
8. 8:07Set Up Globals
9. 9:19External Jsx Script Rendering Custom Ui
10. 13:54Ui Gets Updated Based on User Inputs
11. 14:57How React Can Be Swapped Out
12. 16:08Demo

" related talks

• 47mAdventures in Rendering Off the Main ThreadSimon MacDonald · NDC Oslo 2023
• 53mLet the main thread breathe!Majid Hajian · JavaScript fwdays'20 autumn online
• 01h 13mWeb: The good partsKen Wheeler · HolyJS Piter 2020
• 34mParallel computing in ReactMajid Hajian · reactjsday 2019
• 31mLet the Main Thread Breathe!Majid Hajian · Conf42 JavaScript 2020
• 51mGoing Web NativeA.Mahdy Abdelaziz · DevConf.CZ 2019
• 05mRedux and Web Workers on the FrontendChi Kei Chan, Daniel Tsui · ReactEurope 2016
• 29mParallel computing in ReactJS: Provide a pleasant user experienceMajid Hajian · React Day Berlin 2019