Pareto optimal React Aria toast architecture
Pareto optimal: Given a set of desired features, and set of solutions, none of which offers every feature, choosing the solution that sacrifices as few features as possible React Aria: Built on top of React Aria's useToast and related hooks Toast architecture:
| DX |
|---|
| Toast state, including queued/removed state, and rendered contents, is reactive and can be controlled |
| Toast rendering is colocated with the toasts' related feature |
| Toast rendering is declarative |
| Toast rendering is type-safe |
| Feature-specific toast code is tree-shaken |
