# React

> React implementation and review preferences.

- Skill: `muhammedalkhudiry/react` (Agent Skill)
- Install (CLI): `npx skillmds@latest add muhammedalkhudiry/react`
- Raw SKILL.md: https://api.skillmd.com/api/skills/muhammedalkhudiry/react/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: MuhammedAlkhudiry (https://skillmd.com/u/muhammedalkhudiry)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/muhammedalkhudiry/react

---


Follow stronger established project patterns.

- Order component bodies as hooks grouped by concern, derived values, handlers, final conditional renders, then JSX.
- Use a query library for server data; never fetch directly inside components.
- Treat the query cache as the source of truth; do not mirror it in local state.
- Select only the required store state, using shallow equality where appropriate.
- Access global stores through hooks rather than passing their state through props.
- Minimize props and prefer whole domain objects over collections of primitive fields.
- Use lazy loading only for deliberate code splitting or a concrete runtime boundary.

## React Native

- Assume React Native projects target native platforms only; support web only when the project explicitly declares it as a target.
- Keep mobile JavaScript compatible with the project's Hermes runtime.