< session />

From Props to Prompts – Bridging React and AI Workflows

React has long been built on the idea of props, static inputs passed at build time to define component behavior. But in a world of adaptive, AI-driven applications, that model is no longer enough. What if your React components could be driven by prompts instead of props?

In this talk, we will explore how to integrate AI models directly into the React runtime to create dynamic, context-aware user interfaces. You will see practical implementations where components adapt based on user intent, application state, or real-time data, without the need for pre-defined logic.

Through live coding examples, we will demonstrate how to build React components that:

• Modify themselves based on runtime analysis,

• Predictively load UI fragments with adaptive lazy loading, and

• Seamlessly integrate AI outputs into the component lifecycle.

By the end of this session, you will understand how to move from static component trees to intelligent, AI-powered interfaces, transforming React from a render engine into a collaborative partner in dynamic UI generation.

What You Will Learn

• How to connect React components to AI models at runtime

• Techniques for context-driven and prompt-driven rendering

• Implementing adaptive lazy loading with AI-based predictions

• Managing state, context, and side effects in AI-integrated UIs

• Design patterns for hybrid human+AI control of interface behavior

Who Should Attend

Front-end developers, AI engineers, and architects interested in building intelligent React applications that adapt in real time and push beyond traditional prop-driven design.