React NEXUS Day 2: Building Crash-Resistant React Native Apps

This document is a compendium from React NEXUS Day 2, featuring presentations on a wide range of topics related to modern software development, particularly in the React ecosystem. Key themes include:

• Building Robust Applications:
  • Crash-Resistant React Native Apps: Detailed strategies for identifying and fixing memory leaks, image buffer explosions, and persistent launch crashes, including partial unmounting, scheduled cache cleanup, and dynamic cache capping.
  • Real-Time WebSocket Apps: Solutions for handling send() asynchronicity and ws.close() desynchronization using application-level heartbeats and lossless sequencing mechanics.
  • Production Performance: Analysis of server and client bottlenecks, with optimizations like Redux refactoring, bundle splitting, and improved bootstrapping.
• AI and Agentic Experiences:
  • Running LLMs in the Browser: Utilizing WebGPU for local LLM inference, model optimization through quantization, and multi-thread worker setups.
  • Agentic Workflows: Orchestrating AI workflows with Temporal and React, and exposing application capabilities via WebMCP for autonomous agents.
  • AI-Driven Testing: Autonomous E2E test suite triage using Playwright + MCP, and fixing AI's blind spots with browser-level debugging.
  • Generative UI: Dynamically shifting layout assembly in real-time based on user prompts and context.
• Developer Tooling and Infrastructure:
  • Automated Debugging: Using MCP tools for media performance issues and integrating DevTools MCP for programmatic visual regression.
  • Frontend Observability: Moving beyond traditional monitoring to true observability with RUM, Core Web Vitals, and error tracking.
  • Security and Authentication: Introducing ThunderID for secure, complex authentication flows.
  • Structured Data: Implementing Schema Markup and JSON-LD for rich snippets and improved SEO.
• Emerging Technologies:
  • Immersive Experiences: Building XR experiences in the browser with AI and the Immersive Web SDK.
  • Voice AI: Developing agentic voice AI-powered career counselors with on-device wake word infrastructure.

The presentations emphasize a shift towards more declarative, agent-friendly, and performant architectures, leveraging modern protocols and AI capabilities to enhance user and developer experiences.