Taroify

screenshot of Taroify
react
scss

Taroify 是移动端组件库 Vant 的 Taro 版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

Overview

Taroify is a mobile component library based on Vant, but it is the Taro React version. It provides a similar API interface to Vant and helps developers quickly build WeChat mini program applications. Taroify offers excellent performance with an average component size of less than 1KB (min+gzip). It includes over 60 high-quality components that cover mainstream mobile scenarios. The library is written in TypeScript and provides complete type definitions. It also has a high unit test coverage of over 90% to ensure stability. Taroify comes with comprehensive Chinese documentation and component examples. It supports React and allows for theme customization with over 700 built-in theme variables. The library also supports on-demand import and tree shaking for efficient bundle size. It is internationalization-friendly and supports modern browsers as well as Chrome >= 51 and iOS >= 10.0.

Features

  • Excellent Performance: Components have an average size of less than 1KB (min+gzip).
  • High-Quality Components: Over 60 high-quality components covering mainstream mobile scenarios.
  • TypeScript Support: Written in TypeScript with complete type definitions.
  • Stability Assurance: Unit test coverage of over 90% to ensure stability.
  • Comprehensive Documentation: Provides complete Chinese documentation and component examples.
  • React Support: Supports integration with React.
  • Theme Customization: Built-in support for over 700 theme variables for customization.
  • Efficient Bundle Size: Supports on-demand import and tree shaking for efficient bundle size.
  • Internationalization Support: Provides internationalization and customizable language packs.
  • Browser Support: Supports modern browsers and Chrome >= 51, iOS >= 10.0.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.