Syncfusion React Query Builder

If you're building complex filter UIs in React, this covers Syncfusion's Query Builder component soup to nuts. You get 16+ operators across multiple data types, SQL and MongoDB query generation, drag and drop rule management, and nested group logic. The component handles the UI headache of building something like an advanced search page or dashboard filter where users need AND/OR conditions across different fields. It's a commercial component (Syncfusion license required), but if you need this functionality, you're not rebuilding it from scratch. The skill walks through column configuration, programmatic rule management, data binding with DataManager, and all the customization hooks you'd actually need in production.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-query-builder --agent claude-code