Mixed Mode React

on YouTube ↗27m

" summary

Shows concrete patterns: custom React renderers and registration pattern via context, translating imperative APIs to declarative components, and mixing DOM, canvas, threejs and audio. Builds a canvas API that draws and handles events, a threejs scene that spawns 50 balls on click and removes 50 with a keypress, and a mixed-mode demo wiring a Web Audio analyzer into the 3D renderer. Code runs live, events and audio synchronize, and examples include implementation details and lifecycle hooks used.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 1:51RENDERERS
3. 4:00imported Two non portal rendering paths
4. 7:30Relationally nested sub components
5. 10:10PATTERN

" related talks

• 36mBlasting React into Space: Building fluid interface swith React and WebGLAshi Krishnan · Full Stack Fest 2017
• 31mModern ReactLiad Yosef · ReactNext 2019
• 42mReactive RealityMassimiliano Mantione · Full Stack Fest 2016
• 35mReact beyond markupPeter Onneby · XebiCon'17
• 29mEvolving the Visual Programming Environment with ReactJonas Gebhardt · ReactEurope 2016
• 30mDesigning with ReactMark Dalgleish · React Amsterdam 2019
• 01h 04mWhat makes React different?Jake Ginnivan · NDC Sydney 2016
• 21mBreaking out of the confines: making games in ReactPaul Henschel · React Finland 2021