1 views collected around this technical thread.
This article explores the inner workings of Ant Design Form, comparing the legacy HOC‑based implementation with the modern Hooks API, detailing state‑lifting, form store design, performance trade‑offs, and providing step‑by‑step code examples for building a custom form solution in React.
This article explains how to implement debounce functionality and prevent duplicate form submissions in PHP using session storage, providing step‑by‑step code examples for creating a debounce helper, generating and validating tokens, and integrating them into web forms.
This article walks through the iterative design of an Ant Design form component, starting with a simple name field, then adding a randomly generated code field, making it editable, and finally implementing a copyable code input with reusable prefix‑text and suffix‑icon components, while comparing implementation approaches.
This article demonstrates a comprehensive approach to building reusable form and table components in Vue 3 using Element‑Plus, covering the design rationale, code examples for services, dialogs, list pages, and utilities, and discusses the benefits for development efficiency, maintainability, and scalability.
This article reviews practical guidelines for building maintainable Ant Design forms in React, covering layout strategies, dynamic form techniques, component encapsulation, table and tab implementations, CSS styling conventions, architecture considerations, and custom hooks to improve code quality and developer productivity.
This article analyzes why the reset button in an Element‑Plus form clears all fields instead of restoring the initial values, explains the underlying cause related to the onMounted lifecycle timing, and presents several practical solutions—including lifecycle adjustment, patch‑package, component extension, and repository forking—to reliably preserve initial form data in Vue projects.
This article explains the internal logic of Flutter's editable text widgets, demonstrates how to customize input formatting, selection range, and cursor position using TextInputFormatter and EditableText, and shows best practices for building robust text forms with validation and global keys.
This article provides a comprehensive overview of rc-form, a React library used by Ant Design to manage form state, validation, and data collection, explaining why it is needed, its core APIs, practical usage examples, and a deep dive into its internal implementation.
This tutorial demonstrates how to create a ThinkPHP5 validation class, build a simple HTML form, and write a backend controller method to validate input data using scenes, providing step‑by‑step code examples for PHP developers.
This article analyzes the Antd Form component's implementation, explaining how it collects, validates, and updates form data through rc-form's FieldsStore, and discusses advanced patterns like nested fields, custom component integration, and form linkage.
This comprehensive guide explains Laravel's powerful form validation features, covering built‑in validation rules, quick validation examples, route and controller setup, handling validation errors, form request classes, custom error messages, conditional rules, array validation, and how to create custom validation rules using rule objects, closures, and extensions.
This article provides a detailed walkthrough of building controlled form components in React.js, covering text, number, checkbox, radio, textarea, and select inputs, along with state management, form submission, clearing, validation, and full source code examples.