Find an advanced browser recipe
Use effects, viewport events, streams, workers, WebAssembly, and specialized UI
React to browser and scope changes
| Problem | Recipe |
|---|---|
| Run cleanup-aware reactions | Use effects |
| Handle browser and scope events | Handle events |
| React to element visibility | Observe the viewport |
| Stream server updates | Use server-sent events |
| Send and receive live messages | Use WebSocket |
Add specialized execution
| Problem | Recipe |
|---|---|
| Move computation off the main thread | Use a worker |
| Call measured native computation | Use WebAssembly |
| Remove unused framework code | Build a smaller runtime |
| Cancel a large upload | Control an upload |
| Call an API on another origin | Configure cross-origin access |
Build specialized interaction
| Problem | Recipe |
|---|---|
| Append results near the viewport | Build infinite scrolling |
| Update before the server responds | Use optimistic updates |
| Load a modal from the server | Open a server dialog |
| Render sanitized authored content | Handle rich text |
Integrate another framework
| Problem | Recipe |
|---|---|
| Choose an integration boundary | Choose a bridge |
| Publish transient cross-root messages | Use the event bus |
| Read reflected web-component state | Observe Fluent UI attributes |
| Share current reactive state | Use an application model |
Feedback
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.