Improve React component structure, data handling and performance.
Review and improve a React project's component structure, state management, data flow and performance. It suits new interfaces, growing components and investigations into rendering or loading problems. Guidance covers state placement, effects, stable list keys, asynchronous races, code splitting and forms.
Provide the relevant code and the problem you want to address. The skill reviews it in context and explains recommendations, conditions and tradeoffs. Performance changes rely on measurements and real build results, while tests focus on behavior users can observe. Deliverables can include an improvement list, suggested code changes and follow-up checks that a team can reuse during later development.
Examples describe the request and the shape of the expected deliverable; they are not completed run results.
Every keystroke re-renders the whole table: measure first to locate state placement and redundant computation, then give evidence-backed optimization steps — don't just memo everything.
Measurement-first refactor steps, each with before/after numbers.
Review this diff's async handling — races, cancellation, loading and error states — with per-rule conclusions and code locations.
A findings list organized by rule, with location and suggested fix.
iOS · Android
iOS
Android
MPL-2.0
Floe original guide. Replaces the original candidate with independently authored content; upstream text is not distributed. Candidate identity and provenance remain in the package.
Floe
Publication commit 25e07dbeeb, audited source 84c524b6fb; catalog digest iOS 46196ba57ed7… · Android 16de89d019e2….
Version records ship with the signed catalog; the target and released versions are shown below.
