react
Guidelines for React component development, hybrid routing, and UI patterns within the LobeHub ecosystem.
Install
npx skills add https://github.com/lobehub/lobehub --skill reactStats
| Total installs | 1,456 |
| Weekly installs | 1.5K |
| GitHub stars | 74.4K |
| First seen | Jan 27, 2026 |
| Source | @lobehub/lobehub |
Summary
- Use @lobehub/ui components as primary choice, with antd-style for complex styling and inline styles for simple cases; reference node_modules/@lobehub/ui/es/index.mjs for available components
- Hybrid routing architecture: Next.js App Router for auth pages, React Router DOM for main SPA; always use Link from react-router-dom (not next/link) and useNavigate hook for SPA navigation
- Layout components include Flexbox, Center, DraggablePanel, and Grid; data display, entry, feedback, and navigation components cover most UI needs
- Access zustand store data via selectors; use dynamicElement, redirectElement, and ErrorBoundary utilities from @/utils/router for route configuration
Tags
Related skills
| Skill | Installs | vs react |
|---|---|---|
| schema-markup-generator | 1,526 | +70 |
| vercel-cli | 1,605 | +149 |
| playwright-expert | 1,536 | +80 |
| playground | 1,523 | +67 |
| gsap-performance | 1,347 | -109 |
FAQ
- How many installs does react have?
- react has 1,456 total installs and 1.5K installs this week.
- Where is react hosted?
- react is published by @lobehub/lobehub at https://github.com/lobehub/lobehub.
- How many GitHub stars does react have?
- react has 74.4K GitHub stars.
- When was react first indexed?
- OrangeBot.AI first indexed react on Jan 27, 2026.
- How do I install react?
- Run: npx skills add https://github.com/lobehub/lobehub --skill react