Skip to main content

CRUD UI Command

The crud-ui command generates React components for CRUD (Create, Read, Update, Delete) operations in your zopio project. This command creates reusable UI components that connect to your backend API.

Usage

Options

Examples

Generate UI components for a User model

Generate UI components with Material UI theme

Generated Components

When you run the crud-ui command, the following React components will be generated:
  1. List Component: Displays a table of all records with sorting and pagination
  2. Form Component: Provides a form for creating and editing records
  3. Detail Component: Shows detailed information for a single record
  4. Service: Contains API calls for CRUD operations

Example Component Structure

Example Usage in React Router

  • crud - Generate basic CRUD operations
  • crud-unified - Generate a complete CRUD setup
  • data-provider - Generate data providers for your zopio project