Develop custom JSX pages in Yida using React 16 class components.
npx skills add https://github.com/openyida/openyida --skill yida-custom-page
Please help me install this Agent Skill. Skill: yida-custom-page Source: https://github.com/openyida/openyida/tree/main/yida-skills/skills/yida-custom-page Command: npx skills add https://github.com/openyida/openyida --skill yida-custom-page
This Skill addresses the challenges of developing reliable custom JSX pages in the Yida low-code platform, where improper React 16 usage, API calls, and state management can lead to crashes, memory leaks, and poor user experiences.
Generate a custom Yida page for employee queries following React 16 class component standards and Yida API norms.
High-intent search queries and answers about installing and using this skill.
State management in Yida custom pages without Hooks relies on React 16 class components, utilizing the component state object and lifecycle hooks for data updates and UI rendering.
In Yida JSX class components, `this` binding is lost because JavaScript class methods are not bound by default. Proper event binding in the constructor is required to prevent runtime errors.
To prevent memory leaks during Yida low-code API calls, ensure proper cleanup in React 16 component lifecycle hooks and apply strict error handling standards to your custom JSX page logic.
Build a cross-device compatible employee query page in Yida by applying multi-device adaptation guidelines, mapping schema fields correctly, and using class components for safe UI rendering on both mobile and PC.
Yida custom page development does not support React 16 Hooks. It mandates the use of React 16 class components to enforce strict coding norms and avoid common state management pitfalls.
Limitations of using class components for Yida JSX pages include avoiding React 16 Hooks, requiring manual `this` binding for events, and needing strict lifecycle management to prevent memory leaks.
ythmDevelop custom Yida pages using React 16 class components and the Yida JavaScript API.
haitao2016Automate game UI adaptation for urhox-libs/UI and NanoVG across devices.
ythmConvert JSX code to ES5, compress with UglifyJS, and deploy via saveFormSchema API.
openyidaGenerate native Yida reports with 16 built-in components via the openyida create-report command.
