前端开发工程师（React/画布 工作流 通信 AI 云平台 本科优先）

前端开发人员招聘要求 招聘人数：3 人 岗位职责 1. 负责公司核心产品前端模块开发，基于 React 18 TypeScript 搭建高效、可复用的前端组件体系，完成类型定义与组件重构优化，保障代码质量与可维护性。 2. 参与工作流画布、拖拽编排、DAG 图编辑器等可视化功能开发与迭代，负责自定义节点画布、拖拽布局组件的维护、二次开发与性能优化，保障复杂画布渲染流畅性。 3. 负责项目复杂业务状态管理方案设计与实现，依托 Zustand/Redux Toolkit 等工具搭建模块化、原子化状态管理架构，解决跨组件状态同步问题。 4. 负责项目 Webpack/Vite 构建配置优化，提升打包效率、减小产物体积，处理构建相关异常问题，保障项目编译、部署流程顺畅。 5. 负责前端项目源码调试、问题排查与模块重构，针对大型项目性能瓶颈、代码缺陷进行优化整改，提升项目整体运行稳定性。 6. 实现 EventSource、WebSocket、fetch 流式数据对接与前端渲染，完成对话流、日志流等实时数据的 UI 更新开发，保障数据交互实时性与准确性。 7. 配合后端开发人员完成接口联调、数据对接、异常处理，参与接口需求评审、边界场景测试，保障前后端交互逻辑严谨、功能正常落地。 8. 遵循团队开发规范，完成代码编写、Git 版本管理、PR 提交与代码审查，配合 CI 流程完成项目构建、部署相关协作工作。 任职要求 1. 核心技术栈：熟练掌握 React 18 TypeScript 技术体系，精通函数组件、Hooks 开发，熟练运用 TypeScript 泛型、类型守卫，具备基于源码实现组件复用与类型重构的能力。 2. 可视化开发经验：拥有工作流画布、拖拽编排相关开发经验，有实际维护或二次开发 DAG 图编辑器、自定义节点画布、拖拽布局类组件的项目经历，熟悉节点、边、连接桩的数据模型，掌握画布渲染优化方法。 3. 状态管理能力：熟练使用 Zustand、Redux Toolkit 等状态管理工具，可独立完成复杂跨组件状态管理，设计原子化、分模块的状态管理方案。 4. 构建工具应用：精通 Webpack、Vite 构建工具配置，能独立完成打包优化、别名解析、环境变量注入工作，可快速排查打包产物相关问题。 5. 源码调试与重构：具备大型开源前端项目问题定位能力，熟练使用 React DevTools、Performance、Source Map 等调试工具，拥有实际项目模块重构案例。 6. 前端网络处理：熟悉 EventSource、WebSocket、fetch 流式接口处理逻辑，可精准解析流式数据（对话流、日志流等）并完成 UI 实时更新。 7. 前后端协作：了解 HTTP/1.1、HTTP/2 基础协议，能配合 Go/Python/Node 后端开发人员，高效完成接口联调、接口错误处理及边界条件测试。 8. 团队协作规范：熟练使用 Git 进行版本控制，可独立完成 PR 代码审查、代码合并冲突解决，了解 GitHub Actions、Jenkins 等 CI 协作流程。 【岗位要点】 一、核心基础栈 框架语言：React 18、TypeScript 开发模式：函数组件、React Hooks、TS 泛型、类型守卫、类型定义、组件类型重构 二、可视化 & 画布专项 核心场景：工作流画布、拖拽编排、DAG 图编辑器、自定义节点画布、拖拽布局组件 关键能力：节点 / 边 / 连接桩数据模型、画布渲染性能优化、可视化组件维护与二次开发 三、状态管理 工具：Zustand、Redux Toolkit 架构要求：模块化、原子化状态设计、跨组件状态同步、复杂业务状态管理 四、工程化构建 构建工具：Webpack、Vite 优化方向：打包效率提升、产物体积压缩、构建配置优化、别名解析、环境变量配置 问题处理：构建异常排查、编译部署问题解决 五、性能优化与代码质量 能力：大型项目性能瓶颈优化、源码调试、模块重构、代码缺陷整改 调试工具：React DevTools、Performance、Source Map 六、网络 & 实时数据 通信方式：EventSource、WebSocket、Fetch 流式请求 业务场景：对话流、日志流实时解析、流式数据实时 UI 渲染更新 地点：江宁/将军山 1、通信 / 运营商 / 政企网管行业前端 项目经验：通信网管平台、基站管控系统、网络拓扑图、设备节点管理、链路连线编辑、运维大屏可视化； 能力契合：天然接触拓扑画布、节点 / 连线 / DAG 结构、拖拽布局、大规模画布渲染优化，和你 JD 里 DAG 编辑器、自定义节点画布完全对口； 加分：接触过运营商政企项目、政务数字化项目、国资 / 大型集团管控平台开发。 2、流程编排 / BPM 工作流平台前端 3、AI 应用平台 / 大模型对话 4、云原生 / 运维监控 / 容器管理平台