Skip to main content
Version: 0.21


Agents are a way to offload tasks to web workers.

In order for agents to run concurrently, Yew uses web-workers.


agent lifecycle diagramagent lifecycle diagram

Types of Agents


  • Public - There will exist at most one instance of a Public Agent at any given time. Bridges will spawn or connect to an already spawned agent in a web worker. When no bridges are connected to this agent, the agent will disappear.

  • Private - Spawn a new agent in a web worker for every new bridge. This is good for moving shared but independent behavior that communicates with the browser out of components. When the connected bridge is dropped, the agent will disappear.

  • Global (WIP)

Communication between Agents and Components


A bridge allows bi-directional communication between an agent and a component. Bridges also allow agents to communicate with one another.

A use_bridge hook is also provided to create bridges in a function component.


A dispatcher allows uni-directional communication between a component and an agent. A dispatcher allows a component to send messages to an agent.


Agents use web workers (i.e. Private and Public). They incur a serialization overhead on the messages they send and receive. Agents use bincode to communicate with other threads, so the cost is substantially higher than just calling a function.

Further reading

  • The web_worker_fib example shows how components can send messages to and receive messages from agents.