Prioritize React performance by avoiding expensive operations and using proper React patterns. Key practices include: 1. **Avoid unnecessary exception throwing**: Exception dispatch is a slow operation in React 18. Instead of throwing promises directly, create helper functions to minimize performance impact: ```ts // Good: Hoist React.use detection and create suspend helper const reactUse = (React as unknown as {use?: (p: Promise) => void}).use; const suspend: (p: Promise) => void = reactUse ? reactUse : p => { throw p; }; if (suspendUntil === 'complete' && !view.complete) { suspend(view.waitForComplete()); } ``` 2. **Use modern JavaScript syntax**: Prefer optional chaining over verbose conditional checks: ```ts // Good init?.(z); // Avoid if (init) { init(z); } ``` 3. **Use appropriate React components**: Always use proper React components instead of generic HTML elements for interactive elements: ```ts // Good // Avoid

setDisplayAllComments(true)}>Older

``` These practices improve both performance and code maintainability while following React best practices.