react-18-security-modeling
Model and mitigate security risks that arise from advanced rendering and hydration flows.
Skills matching the name, description or GitHub author.
Model and mitigate security risks that arise from advanced rendering and hydration flows.
Integrate high-performance Wasm modules into the React render cycle without blocking the main thread.
Implement a normalized entity cache to maintain data consistency across a React app.
Manage WebGL contexts and 3D scenes declaratively using React reconciliation.
Conduct rigorous, statistically grounded performance profiling for large React applications.
Leverage React's event delegation system for optimization and custom event behavior.
Establish governance models for large React 18 codebases to preserve architectural integrity.
Integrate feature flagging into the React component lifecycle for safe continuous delivery.
Formalize dataflow semantics in React 18 applications to ensure correctness across asynchronous boundaries.
Detect, isolate, and fix memory leaks in long-running React Single Page Applications.
Deep dive into the React Compiler (formerly React Forget) to tune automatic memoization and optimization profiles.
Integrate custom elements seamlessly into the React virtual DOM reconciliation application.
Implement robust offline caching and asset management for React apps via Service Workers.
Orchestrate distributed React applications using Module Federation and shared context bridges.
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.
Render large datasets (charts, graphs) using Canvas/SVG/WebGL within React.
Build high-integrity experimentation frameworks within React applications.
This skill should be used when the user asks to "add Google Maps", "integrate maps", "show location on map", "implement place search", "add route calculation", "geocode address", "display markers", "create heat...
Create React components using shadcn/ui patterns. Use when building UI components, forms, dialogs, buttons, or when the user mentions component, UI, form, dialog, modal, or styling.
Set up hybrid client/server validated forms with Zod and React Hook Form. Use when creating forms with validation.
Create React Router 7 routes with proper type imports, loaders, and actions. Use when adding new pages, API endpoints, layouts, or route files.
Setup shadcn/ui in React projects (Next.js, Vite, Astro). Use when initializing shadcn/ui, setting up Tailwind CSS v4, configuring path aliases, or when user mentions "setup shadcn", "install shadcn", "shadcn i...
Enforces atomic design methodology (atoms, molecules, organisms, templates, pages) for React Native/Expo projects using Gluestack UI. This skill should be used when creating new components, validating existing...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.