Guide React UI development with LobeHub component conventions and styling.
npx skills add https://github.com/alceupassos/hub --skill react-alceupassos
Please help me install this Agent Skill. Skill: react Source: https://github.com/alceupassos/hub/tree/main/.agents/skills/react Command: npx skills add https://github.com/alceupassos/hub --skill react-alceupassos
This Skill provides guidelines and best practices for developing React components in LobeHub, addressing common pitfalls and promoting efficient UI development.
Spin.react-router-dom for SPA pages and proper routing practices.Follow the React Component Writing Guide to create consistent and efficient React components in LobeHub.
High-intent search queries and answers about installing and using this skill.
React UI development best practices in LobeHub involve following specific component conventions, styling guidelines, and state management rules to ensure consistency and prevent common pitfalls across the project.
To manage complex state in LobeHub React components, you should extract logic into custom hooks. This approach keeps components clean and maintains predictable state management across your application.
No, antd Spin components are not recommended for loading indicators in LobeHub. You should use project-specific loaders instead to maintain visual consistency and follow the established component priority hierarchy.
For SPA pages in LobeHub, you should use react-router-dom and follow proper routing practices. The architecture details the implementation of both Next.js App Router and React Router DOM.
For layout design in LobeHub React components, use Flexbox and Center components according to the provided layout guide. This ensures proper alignment and structural consistency across the UI.
Yes, you need existing React knowledge and familiarity with LobeHub UI components. This guide provides conventions and best practices rather than foundational React tutorials.
gouravsingh311Standardize React component development with routing and zustand store conventions.
0xBigBossGuide React hooks, effects, and component design in .tsx/.jsx codebases.
futureteaProvide idiomatic React and TypeScript guidance for components, hooks, and state management.
mDevsLabsEstablish React component conventions for Lobehub TSX projects.