perf: Optimize component rendering with memoization and useCallback hooks (#5253)
* ✨ (NodeDescription/index.tsx): Memoize Markdown component and description rendering for performance optimization ♻️ (NodeOutputfield/index.tsx): Memoize HandleRenderComponent and Handle instance with useMemo and memo for performance optimization ✨ (RenderInputParameters/index.tsx): Add new component RenderInputParameters to render input parameters with memoization for improved performance 📝 (GenericNode/index.tsx): Remove unused imports and functions, refactor sortToolModeFields to be exported, and optimize key generation and memoization for NodeOutputField component 📝 (flowSidebarComponent/index.tsx): Refactor event handlers to use useCallback for better performance 📝 (nodeToolbarComponent/index.tsx): Refactor event handlers to use useCallback for better performance and readability * ♻️ (NodeDescription/index.tsx): Remove unnecessary comments and improve code readability by removing redundant comments ♻️ (NodeOutputfield/index.tsx): Remove unnecessary comments and improve code readability by removing redundant comments ♻️ (RenderInputParameters/index.tsx): Remove unnecessary comments and improve code readability by removing redundant comments ♻️ (index.tsx): Remove unnecessary comments and improve code readability by removing redundant comments * ✅ (decisionFlow.spec.ts): add @workflow tag to the test case for better categorization and organization. * 📝 (GenericNode/index.tsx): Organize imports and update component import for better code structure and readability 📝 (GenericNode/index.tsx): Refactor renderOutputs function to improve code readability and maintainability 📝 (GenericNode/index.tsx): Refactor renderOutputParameter function to use OutputParameter component for consistency 📝 (GenericNode/index.tsx): Refactor output rendering logic to use OutputParameter component for better code structure 📝 (sidebarDraggableComponent/index.tsx): Update logic to remove cursor element only if it exists to prevent errors * ✨ (NodeOutputParameter/index.tsx): Add a new component for rendering output parameters in the frontend to improve modularity and reusability.
This commit is contained in:
parent
32a0707f9f
commit
977ba926c6
9 changed files with 372 additions and 200 deletions
|
|
@ -11,7 +11,7 @@ async function zoomOut(page: Page, times: number = 4) {
|
|||
|
||||
test(
|
||||
"should create a flow with decision",
|
||||
{ tag: ["@release", "@components"] },
|
||||
{ tag: ["@release", "@components", "@workflow"] },
|
||||
|
||||
async ({ page }) => {
|
||||
test.skip(
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue