Table of contents

TOC

• 📦 Installation
• ✨ Features
  • Empowering Features of ProComponents
  • Considerations and Limitations
• 🖥 Browser compatibility
• ⌨️ Local Development
• 🤝 Contributing
• 🛣️ Ecosystem

📦 Installation

To install @ant-design/pro-components, run the following command:

$ pnpm install @ant-design/pro-components

✨ Features

Pro Series components are meticulously engineered to bolster the robust architecture of enterprise-grade applications.

Empowering Features of ProComponents

[!NOTE]

ProComponents stands as a beacon for React-based enterprise application development. Here’s what makes it exceptional:

• 💡 Extensive Component Suite: ProComponents boasts a comprehensive array of UI elements—ranging from tables and forms to charts and tree views. It caters to the diverse needs of enterprise applications with finesse.
• 🚀 Advanced Functionality: Beyond basic UI elements, ProComponents is equipped with sophisticated data handling and business logic capabilities, enabling developers to swiftly construct powerful enterprise solutions.
• 🎯 Intuitive Usage: With its straightforward API and detailed documentation, ProComponents ensures a smooth onboarding experience for developers, fostering quick adoption and deployment.
• 🎨 Visual Configuration Tools: Certain components within ProComponents benefit from visual configuration aids, streamlining the design process for developers by simplifying component setup.
• 🛠️ Unmatched Customizability: The library accommodates a plethora of configurations and styling options, ensuring that ProComponents can be tailored to the unique demands of any project.

In essence, ProComponents is a robust, user-friendly, and versatile UI component library, architected to empower applications across various scales and domains.

Considerations and Limitations

[!WARNING]

While ProComponents offers a wealth of benefits, it’s important to weigh certain considerations:

• Limited customization: Despite its rich component repository, ProComponents may pose challenges when it comes to deeply personalized customizations, potentially hindering the realization of certain project visions.
• Learning curve: The library’s comprehensive API and extensive documentation, while thorough, may initially overwhelm newcomers. Mastery of ProComponents might require a dedicated learning investment.
• Browser compatibility: ProComponents leverages cutting-edge browser technologies, which may not be supported by older browsers, potentially restricting application accessibility and necessitating additional development efforts for broader compatibility.
• Codebase size: The substantial size of ProComponents’ codebase could impact the agility of the development process and complicate long-term maintenance.

[!TIP]

To summarize, ProComponents is a formidable contender in the realm of enterprise application UI libraries, yet it comes with its own set of trade-offs, including customization constraints, a considerable learning curve, browser compatibility considerations, and a sizable codebase. Developers are advised to thoroughly assess their project needs and limitations prior to integrating ProComponents into their workflow.

🖥 Browser compatibility

• Modern browsers
• Electron

Dropped support of IE after ProComponents 3.0.

⌨️ Local Development

You can use Github Codespaces for online development:

Or clone it for local development:

$ git clone https://github.com/ant-design/pro-components.git
$ cd pro-components
$ pnpm install
$ pnpm dev

Common scripts:

$ pnpm build           # library build (father)
$ pnpm test            # vitest (see also pnpm test:coverage)
$ pnpm start           # same as pnpm dev — Rspress doc dev server
$ pnpm docs build      # static doc site build (Rspress)

More detail: CONTRIBUTING.md.

🤝 Contributing

[!IMPORTANT]

Join our collaborative ecosystem. Your contributions are the heartbeat of our project. Here's how you can be an integral part of our vibrant community:

• Integrate and Innovate: Incorporate Ant Design Pro, umi, and ProComponents into your projects. Your real-world usage and feedback are invaluable to us.
• Voice Your Insights: Encounter a glitch? Have a query? Your perspectives matter. Share them by submitting issues and help us enhance the user experience.
• Shape the Future: Have code enhancements or feature ideas? We invite you to propose pull requests and contribute directly to the evolution of our codebase.

Every contribution, big or small, is celebrated. Join us in our mission to refine and elevate the world of open-source enterprise UI components. 😃

🛣️ Ecosystem

• ProComponents - Designed for Enterprise-Level Application, Use Ant Design like a Pro!.
• Ant Design Agentic - The Ultimate Editor UI Framework, Flow Editor and Chat Components.

---

📝 License

Copyright © 2023 - present AFX & Ant Digital.
This project is MIT licensed.

Star History