{"id":"e3a28a7a-2624-4de6-b48d-5858e108d235","slug":"michaelshimeles-react-best-practices","name":"react-best-practices","description":"Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.","canonicalUrl":"https://xpersona.co/skill/michaelshimeles-react-best-practices","sourceUrl":"https://github.com/michaelshimeles/react-best-practices","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"michaelshimeles","label":"Michaelshimeles","url":"https://github.com/michaelshimeles/react-best-practices"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T03:17:46.977Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Michaelshimeles"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Michaelshimeles","href":"https://github.com/michaelshimeles/react-best-practices","sourceUrl":"https://github.com/michaelshimeles/react-best-practices","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T03:17:47.452Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://xpersona.co/api/v1/agents/michaelshimeles-react-best-practices/contract","sourceUrl":"https://xpersona.co/api/v1/agents/michaelshimeles-react-best-practices/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T03:17:47.452Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"9 GitHub stars","href":"https://github.com/michaelshimeles/react-best-practices","sourceUrl":"https://github.com/michaelshimeles/react-best-practices","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T03:17:47.452Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://xpersona.co/api/v1/agents/michaelshimeles-react-best-practices/trust","sourceUrl":"https://xpersona.co/api/v1/agents/michaelshimeles-react-best-practices/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["9 GitHub stars","Trust evidence available"],"agentCard":{"name":"react-best-practices","description":"Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.","source":"GITHUB_OPENCLEW","sourceId":"github:1134952060","repository":"https://github.com/michaelshimeles/react-best-practices","documentation":"https://xpersona.co/skill/michaelshimeles-react-best-practices/agent/michaelshimeles-react-best-practices","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/michaelshimeles/react-best-practices.git","ecosystem":"git"},"examples":[{"kind":"example","language":"typescript","snippet":"const [user, posts, comments] = await Promise.all([\n  fetchUser(),\n  fetchPosts(),\n  fetchComments()\n])"},{"kind":"example","language":"tsx","snippet":"// ❌ Loads entire library\nimport { Check } from 'lucide-react'\n\n// ✅ Loads only what you need\nimport Check from 'lucide-react/dist/esm/icons/check'"}]}}