Prompt Engineering for Developers: Code Generation & Debugging Guide

// Kötü Prompt
"Write a React component"

// İyi Prompt
"Create a TypeScript React component for a responsive 
navigation bar with the following requirements:
- Use Tailwind CSS for styling
- Include mobile hamburger menu
- Support dark/light theme toggle
- Include dropdown menus for nested items
- Add smooth animations for menu transitions
- Ensure accessibility (ARIA labels, keyboard navigation)
- Export named component with proper TypeScript interfaces"

"Write a Node.js Express API endpoint for user registration:
- POST /api/auth/register
- Validate email format and password strength
- Hash password using bcrypt with salt rounds of 12
- Check for existing user before creation
- Use Prisma ORM for database operations
- Return JWT token on successful registration
- Include proper error handling with status codes
- Add rate limiting comments for production"

"I'm getting an infinite re-render loop in my React component.

Error: Maximum update depth exceeded

Code:
```jsx
const [data, setData] = useState([]);
useEffect(() => {
  fetchData().then(setData);
}, [data]);
```

Expected: Fetch data once on mount
Actual: Component re-renders infinitely

What's causing this and how do I fix it?"

"Refactor this JavaScript code following these requirements:
1. Convert to TypeScript with strict mode
2. Replace callbacks with async/await
3. Extract repeated logic into helper functions
4. Add proper error handling with try/catch
5. Use destructuring where appropriate
6. Replace var with const/let
7. Add JSDoc comments for public functions

Here's the code:
[paste your code]"

"Generate comprehensive documentation for this function:
- JSDoc comments with @param, @returns, @throws, @example
- README section explaining usage
- Include edge cases and error scenarios
- Add TypeScript type definitions
- Provide 3 usage examples from simple to complex

Function:
[paste your function]"

"Write unit tests for this function using Jest:
- Test all happy paths
- Test edge cases (empty input, null, undefined)
- Test error scenarios
- Use describe/it blocks with clear descriptions
- Include setup/teardown if needed
- Aim for 100% code coverage
- Add integration test suggestions as comments

Function to test:
[paste your function]"