Ubay Dillah
Community@ubay1 · undefined
Agent Skills by Ubay Dillah
Showing 20 vetted skills indexed across 1 GitHub repositories.
render-props-pattern
Compose React components by passing render functions as props.
react-composition-2026
Refactor prop-heavy React components into compound components with context.
compound-pattern
Manage shared implicit state across coordinated React subcomponents using Context.
perf-optimization
Convert profiling data into prioritized, benchmark-verified code optimizations.
static-rendering
Configure Next.js static rendering with getStaticProps and getStaticPaths.
hooks-pattern
Create reusable custom React Hooks for shared state and side-effect logic.
streaming-ssr
Stream React 18 SSR HTML shells with renderToPipeableStream and hydrateRoot.
client-side-rendering
Shift React rendering, data fetching, and UI updates to the browser.
progressive-hydration
Defer client JavaScript for non-critical UI using Suspense and lazy loading.
server-side-rendering
Generate complete HTML per page request with Next.js server-side rendering.
react-2026
Map app requirements to React 2026 framework, routing, and state solutions.
ai-ui-patterns
Coordinate React chat state with server-side streaming endpoints using Vercel AI SDK hooks.
react-selective-hydration
Enable selective hydration with streaming SSR in React 18.
react-server-components
Render React components on the server to reduce client JavaScript bundle size.
frontend-design
Generate bold React/HTML/CSS frontend interfaces with cohesive design systems.
react-render-optimization
Diagnose and refactor React components to reduce unnecessary re-renders.
hoc-pattern
Create higher-order components that inject shared behavior into React components.
react-data-fetching
Parallelize React data fetching with caching and Suspense.
presentational-container-pattern
Separate data fetching and state logic from UI rendering in React components.
sequential-thinking
Structure reasoning into iterative, revision-capable thought chains with hypothesis testing.