Re-architecting the ElevenAgents SDK for React Native

on YouTube ↗13m

" summary

ElevenLabs replaces a single monolithic context with separate, memoized context providers one context per concern, which stops unrelated components (e.g., a frequently updating volume panel) from re-rendering unnecessarily; the core becomes a platform-agnostic imperative JS client with a hooks-based React SDK layered on top, and the React Native package simply re-exports the React package with small audio injections to avoid duplicate implementations. A provider-list helper reduces provider-tree hell, and an upgrade migration skill automates breaking changes.

AI-written summary · about

" chapters (13)

1. 0:00Introduction to context rod
2. 1:20React context re-rendering issue
3. 2:46Problem with monolithic context
4. 3:49Toy example of context problem
5. 4:53Solution with split contexts
6. 5:55Prototyping with agent test bench
7. 6:58Separating context by concern
8. 8:25Reducing provider tree complexity
9. 9:06Architecting platform-agnostic SDK
10. 9:47Live demo of SDK
11. 10:51Before state of SDK usage
12. 11:34Migration tool for breaking changes
13. 12:14Conclusion and key takeaways

" related talks

• 43mReact Native Panel With Various SpeakersJani Eväkallio, Gant Laborde, Sanket Sahu, Matt Hargett, Jennifer Van, Mateo Barraza, Dave Nugent · Chain React 2017
• 01h 01mReact Native: A Better Way to Do MobileBrent Vatne · Philly ETE 2016
• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 30mReact Native's New ArchitectureParashuram N · React Conf 2018
• 31mRewriting a Large Hybrid App with React NativeJavier Cuevas · Chain React 2017
• 28mReact Native Architecture OverviewTadeu Zagallo · React Amsterdam 2016
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 28mThe State of React NativeParashuram N · Chain React 2018