Juan Carlos Valencia López
Community@jcsoftdev · Huancayo
Web UI Developer | React | Node
Agent Skills by Juan Carlos Valencia López
Showing 47 vetted skills indexed across 1 GitHub repositories.
jcsoftdevrender-props-pattern
Share React rendering logic via render props or children-as-a-function.
jcsoftdevobserver-pattern
Implement observer pattern with subscribe, unsubscribe, and notify methods.
jcsoftdevfactory-pattern
Create flexible object factories that return plain objects without constructors.
jcsoftdevdynamic-import
Implement dynamic import() to lazy load non-critical modules in web apps.
jcsoftdevreact-composition-2026
Teach modern React composition for scalable component APIs.
jcsoftdevcompound-pattern
Teach React developers to implement the compound component pattern with Context API.
jcsoftdevstatic-rendering
Pre-render HTML at build time for static routes using getStaticProps or generateStaticParams.
jcsoftdevprpl
Apply the PRPL pattern to optimize initial page load in Progressive Web Apps.
jcsoftdevproxy-pattern
Implement JavaScript Proxy get and set traps with Reflect delegation.
jcsoftdevhooks-pattern
Extract stateful logic into reusable custom React hooks.
jcsoftdevvite-bundle-optimization
Optimize Vite bundle size and build performance for React apps.
jcsoftdevstreaming-ssr
Stream server-rendered HTML with React 18 streaming APIs to reduce TTFB and FCP.
jcsoftdevroute-based
Lazily load route-specific React components with dynamic imports and Suspense.
jcsoftdevislands-architecture
Implement partial hydration by marking interactive islands on static pages.
jcsoftdevmediator-pattern
Route requests to registered handlers through a central mediator.
jcsoftdevmodule-pattern
Organize JavaScript code into ES2015 modules with named and default exports.
jcsoftdevclient-side-rendering
Render interactive SPAs in the browser with client-side data fetching.
jcsoftdevview-transitions
Automate View Transitions API usage for DOM state animations.
jcsoftdevprogressive-hydration
Implements progressive hydration for SSR React apps using Suspense and code-splitting.
jcsoftdevloading-sequence
Optimizes web resource loading order to improve Core Web Vitals.
jcsoftdevprototype-pattern
Share methods across JavaScript objects using prototype-based inheritance.
jcsoftdevserver-side-rendering
Render React components on the server to deliver HTML.
jcsoftdevreact-2026
Guide React stack decisions for 2025-2026 with frameworks, tooling, and testing.
jcsoftdevimport-on-interaction
Defer non-critical UI code until user interaction with dynamic imports.