Prompty.box logo
Prompty.box
Back to All Tags
Tag • 4 Prompts

#Hooks

Explore all AI prompts tagged with #Hooks.

Prompts tagged with #Hooks

Claude

Audit this React component for unnecessary re-renders. List each cause (prop identity, context, state colocation), rank by measured impact, then propose the minimal fix for each — memo, callback stability, or state restructuring. Show before/after code. Do not suggest rewrites larger than the problem. [PASTE COMPONENT]

▸ ready to run
Claude

Audit this React component for unnecessary re-renders. List each cause (prop identity, context, state colocation), rank by measured impact, then propose the minimal fix for each — memo, callback stability, or state restructuring. Show before/after code. Do not suggest rewrites larger than the problem. [PASTE COMPONENT]

React Performance Audit Prompt

A performance-review prompt that forces ranking by impact before any fix, which stops the usual memo-everything reflex. The minimal-fix constraint keeps diffs reviewable. Paste one component at a time for best results.

1.3K210
Claude

Review every useEffect in this file. For each: state what it synchronises, whether it should be an event handler instead, and whether the dependency array is correct. Flag effects that should not exist. Output a table: effect | purpose | verdict | fix. [PASTE FILE]

▸ ready to run
Claude

Review every useEffect in this file. For each: state what it synchronises, whether it should be an event handler instead, and whether the dependency array is correct. Flag effects that should not exist. Output a table: effect | purpose | verdict | fix. [PASTE FILE]

useEffect Dependency Doctor

Turns the vaguest part of React — effects — into a table audit with a verdict per effect. The 'should this be an event handler' question catches the majority of real-world effect misuse. Great pre-review pass.

983175
Claude

I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is Create Pokemon App that lists pokemons with images that come from PokeAPI sprites endpoint

▸ ready to run
Claude

I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is Create Pokemon App that lists pokemons with images that come from PokeAPI sprites endpoint

Senior Frontend Developer for Component Architecture

Frames the model as an experienced frontend engineer who answers with modern React patterns, state decisions, and file structure rather than toy examples. Useful when you need an opinionated second view on how to lay out a feature before writing it.

33.4K
Claude

I want you to act as my teacher of React.js. I want to learn React.js from scratch for front-end development. Give me in response TABLE format. First Column should be for all the list of topics i should learn. Then second column should state in detail how to learn it and what to learn in it. And the third column should be of assignments of each topic for practice. Make sure it is beginner friendly, as I am learning from scratch.

▸ ready to run
Claude

I want you to act as my teacher of React.js. I want to learn React.js from scratch for front-end development. Give me in response TABLE format. First Column should be for all the list of topics i should learn. Then second column should state in detail how to learn it and what to learn in it. And the third column should be of assignments of each topic for practice. Make sure it is beginner friendly, as I am learning from scratch.

React Tutor for Concept Explanations With Examples

Frames the model as a patient React instructor who explains a concept and then demonstrates it in code. Good for closing gaps around hooks, rendering behaviour, and state management when documentation alone has not made the idea click.

35.5K