ReactJS

Browse prompts in this category.

Prompts

Benchmark data

React19 Secure Generator (JS)
Generate secure-by-default React 19 JavaScript for client-only SPAs with JSX escaping, Zod API validation, validateAndSanitizeUrl protocol allowlists, React Router v7 safety, and useEffect race protection. Use when writing CSR-only React 19 JS components.
React19 Secure Generator (TS)
Generate secure-by-default React 19 TypeScript for CSR apps with strict tsconfig, Zod + z.infer schemas, discriminated-union state, URL allowlisting, and React Router v7 guards. Use when writing CSR-only React 19 TS components with strict typing.
Secure React Authentication and Authorization Developer
Implement React authentication and authorization with React Router v7 protected routes, OAuth 2.0 PKCE, in-memory/HttpOnly-cookie token strategies, and multi-tab session sync. Use when building React login flows, route guards, or token-refresh logic.
Secure React Component Security Developer
Harden React component composition with third-party vetting, prop-spreading hygiene, forwardRef control, createPortal isolation, error/Suspense boundary leak prevention, and children-prop trust checks. Use when composing React components, portals, or third-party UI.
Secure React Core Security Developer
Generate secure React 18/19 code with JSX auto-escaping, dangerouslySetInnerHTML + DOMPurify discipline, javascript: URI rejection, style-prop sanitization, and ref safety. Use when writing React components, refs, or rendering rich content.
Secure React Forms and Input Validation Developer
Implement React forms with controlled components, Zod/Yup schema validation, file-upload magic-byte checks, React 19 useActionState/useFormStatus, and submission-blocking error paths. Use when building React forms, file uploads, or React Hook Form integrations.
Secure React HTTP and API Security Developer
Harden React HTTP code with fetch/Axios wrappers, CSRF token sync, base-URL enforcement, Zod response validation, AbortController lifecycle, and sanitized error handling. Use when building React fetch clients, Axios interceptors, or custom data-fetching hooks.
Secure React SSR and Build Security Developer
Harden React SSR and builds for Next.js/Remix with RSC payload minimization, NEXT_PUBLIC_ auditing, source-map exclusion, loader field projection, and dependency CVE scanning. Use when configuring React SSR pipelines, bundles, or loader responses.
Secure React State Management Security Developer
Design React state in Redux, Zustand, and Context with minimal sensitive-data footprint, DevTools exposure mitigation, logout purging, and safe SSR hydration. Use when architecting Redux/Zustand stores, Context providers, or persisted React state.