Formily

Theme by Alibaba

|

Updated: 15 May 2025

|

11981 Stars

Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3

Categories

Overview

The text discusses how Formily, a tool in React, improves the performance of form operations by distributing the management of each form field’s state. It integrates the JSON Schema protocol to render forms efficiently and effectively.

Features

• Designable: Develop forms quickly through Form Builder.
• High performance: Fields managed independently for efficient rendering.
• Integrated components: Uses Alibaba Fusion and Ant Design components for seamless integration.
• JSON Schema support: BackEnd utilizes JSON Schema, while FrontEnd uses JSchema.
• Independent side effects: Manages form data linkages independently for easier operations.
• Flexible layout customization: Override complex form layout use cases easily.

Installation

To install Formily, follow these steps:

1. Install Formily package:

npm install @formily/core

2. Install Form Builder package:

npm install @formily/antd

3. Start using Formily in your project:

import { createForm } from '@formily/core';

Summary

Formily in React addresses the rendering performance issue in form operations by managing each form field’s state independently. It supports JSON Schema for efficient form rendering and offers seamless integration with Alibaba Fusion and Ant Design components. Moreover, it allows easy customization of form layouts and simplifies data linkages for improved user experience.