Vant 2.0 Release: New Components, Documentation, and Performance Improvements

This article announces the release of Vant 2.0, a popular Vue.js mobile UI component library. The author compares maintaining an open-source component library to running a marathon, emphasizing the importance of consistent effort over time.

Since its open-source launch in 2017, Vant has been continuously updated for over two years. In 2018, they released version 1.0 and a mini-program version, iterating through over 100 minor versions. The team prefers a "small steps, fast iteration" approach with weekly updates, but occasionally dedicates extended periods to implement major features.

The article reviews Vant's achievements: 220 releases, 2100 merged PRs, 3000 handled issues, 18,000 GitHub stars, and 1 million npm downloads. Notably, Vant maintains a 98% issue resolution rate, with most issues resolved within 1-3 days.

Key features of Vant 2.0 include:

1. Four new components: Image (supports multiple image cropping modes), IndexBar (alphabetical index for long lists), Skeleton (placeholder blocks for loading states), and DropdownMenu (for list filtering and sorting).

2. Redesigned documentation with card-based organization, more detailed examples for complex components, and new search and version switching capabilities.

3. Enhanced style customization through Less variables and additional style-related props for quick component theming.

4. Improved performance with reduced package size from 169kb to 161kb (45kb gzipped), a 13% reduction per component through refactoring and code reuse.

5. Minor breaking changes mainly involving naming adjustments and property removals, with most projects able to upgrade without issues.

6. Accessibility improvements and 70 additional feature updates.

Future plans include releasing VantWeapp 1.0 to align with Vant 2.0 features for mini-programs, and developing Vant 3.0 based on Vue 3.0 with Function-based API for better code reuse and performance.

The article concludes by inviting feedback on the new version and providing links to Vant's GitHub repositories and documentation.