Skip to content

Results for “react”

8 prompts

Write a React custom hook called [useSomething] that [purpose, e.g. fetches data with caching / debounces input / tracks window size]. Use TypeScript, handle cleanup and errors, and include usage examples and tests.

ChatGPT
Coding & Development

React custom hook

A reusable custom hook with clean state management.

0

My [framework] app has these needs: [describe shared state, server data, forms]. Recommend a state management approach (e.g. built-in state, Context, Zustand, Redux Toolkit, React Query), explain why, and show the setup with one example feature.

ChatGPT
Coding & Development

State management setup

Chooses and sets up state management for a frontend app.

0

Review this React component for accessibility issues: semantic elements, labels, keyboard navigation, focus management, ARIA usage, color contrast notes and screen reader announcements. Return a fixed version with comments. Component: [paste code]

ChatGPT
Coding & Development

Web accessibility fixes in React

Fixes common accessibility problems in React components.

0

Write a 30-second UGC-style video script for [product] aimed at [audience]. Make it feel like a real person talking to the camera: a relatable problem hook, quick discovery moment, 3 benefits shown in use, honest-sounding reaction and a soft call to action. Include shot directions.

ChatGPT
Social Media

UGC video script for a product

Authentic user-generated style script for TikTok or Reels ads.

0

Give me 20 TikTok video ideas for a [niche] account targeting [audience]. Mix formats: tutorials, POV, myth-busting, day-in-the-life, green screen reactions, before/after and storytime. For each, give a 1-line hook, the format, and why it could get shared or saved.

ChatGPT
Social Media

TikTok video ideas for your niche

A batch of trend-aware TikTok concepts tailored to your niche.

0

Act as a senior Next.js developer. Next.js version and router: [e.g. 15, App Router] Page: [purpose] Data source: [API/database] Styling: [Tailwind / CSS modules] Write the page using server components where appropriate, a client component for interactivity, loading and error UI, metadata for SEO, caching/revalidation…

ChatGPT
Coding & Development

Next.js page with data fetching

Build a Next.js page or route with data fetching, loading and error states and SEO metadata.

0

Rewrite these passages to show rather than tell. Passages: [paste, e.g. 'She was nervous.', 'The house was old and creepy.'] For each: give 2 rewritten versions using action, sensory detail, dialogue or internal reaction, and explain the technique. Keep the original meaning and genre tone: [genre].

ChatGPT
Writing & Copywriting

Show, don't tell rewrite

Turn flat, telling sentences into vivid scenes that let readers feel the emotion.

0

Act as a senior mobile developer. Framework: [React Native with Expo / Flutter] Screen: [e.g. login, product list, profile, settings] Features: [list] Data: [static / API endpoint] Design style: [minimal, iOS-like, Material] Write the screen with: - Clean component structure - Loading, error and empty states - Form va…

ChatGPT
Coding & Development

Mobile app screen in React Native or Flutter

Generate a polished mobile screen with navigation, state and platform-friendly UI.

0