Yes. A component declared inside the parent render function gets a new component identity on every parent render. That can cause it to remount, lose local state, reset effects, and do unnecessary work. Move it to module scope and pass the required values through typed props. If it is reusable, export it as a named function component; if its render cost is significant, consider React.memo after measuring. Keep its styles in StyleSheet.create and use children or composition instead of deeply dr...
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add HoangNguyen0403/agent-skills-standard --skill react-native-components --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React Native Components?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-components-51588716)More formats (shields.io, HTML) on the badges page.
Yes. A component declared inside the parent render function gets a new component identity on every parent render. That can cause it to remount, lose local state, reset effects, and do unnecessary work.
Move it to module scope and pass the required values through typed props. If it is reusable, export it as a named function component; if its render cost is significant, consider React.memo after measuring. Keep its styles in StyleSheet.create and use children or composition instead of deeply drilling props.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
