Obsidian Plugin React Best Practices

Use this umbrella skill when a plugin UI is built with React and you need performance-oriented guidance that goes beyond correctness.

Typical triggers

• "This React view feels slow"
• "Do we need useMemo here?"
• "How can we reduce rerenders in this plugin panel?"
• "Should this be dynamically imported?"
• "Can you apply React best practices to this plugin UI?"

Applicability check

This skill is most useful when the plugin has a React-based frontend.

• Many rules apply directly to client-side React in Obsidian plugin views, modals, and settings tabs.
• Some rules are Next.js or server-component specific and should only be applied when the plugin repo actually uses Next.js, SSR, RSC, or server actions.
• For non-React plugin UIs, prefer obsidian-plugin-dev, obsidian-plugin-css-styling, and obsidian-plugin-accessibility.