What problem does it solve?
This Skill provides a comprehensive guide and toolkit for developing the React-based frontend of the Power Shop WooCommerce plugin, enabling efficient UI development and data management.
Core Features & Use Cases
- Frontend Development Guidance: Offers best practices, architectural overviews, and SOPs for React, Refine, and Ant Design.
- Data Provider Management: Details the configuration and usage of 6 distinct Data Providers for various API sources.
- Component & Page Development: Provides structured approaches for building UI components, pages, and managing routing.
- Use Case: A developer needs to add a new analytics dashboard to Power Shop. They would activate this Skill to understand the frontend architecture, data fetching strategies using
power-shop Data Provider, and the expected component structure.
Quick Start
Use the power-shop-react skill to develop a new page for the product editor, following the established SOPs and component conventions.