Su Yechun (xieyezi)
Senior Frontend Engineer | 7 years of experience | Male | 30 years old | Chongqing
Personal Strengths
- Featured author on Juejin (technical blogging platform)
- 1.6k+ GitHub stars across repositories
- Strong proficiency in JavaScript, TypeScript, ES6
- Contributor to multiple open-source projects (Vant, Semi-Design, Vue)
- Extensive experience in frontend frameworks (React, Next.js, Vue), compiler systems, and performance optimization
- Former frontend architect leading team architecture design and performance optimization, built in-house scaffolding tools
- Invited speaker at the 2022 Chongqing Frontend Technology Conference
- Holder of two invention patents (CN115269034A and CN115686570A)
Work Experience
2024/01 - 2025/10
Parsec Technology Co., Ltd. (Senior Frontend Engineer | Remote)
- Responsibilities
- Developed Pietra Creator Admin and Pietra Landing Page (official website)
- Developed AI tools such as Pietra AI Copilot and Sourcing AI Agent
- Built internal engineering plugins and tools (e.g. Pietra Devtool) to improve team developer experience (DX)
- Key Engineering Achievements
- Built the @pietra/auto-import plugin based on AST and Vite, enabling automatic imports of components (including internal and third-party components), icons, and utility libraries (e.g. Lodash), eliminating the need for manual imports and significantly improving developer productivity
- Due to complex business logic and heavy data collection requirements, manual tracking implementation introduced high code intrusion. To solve this, developed the @pietra-auto-tracker plugin using AST, enabling zero-intrusion automatic tracking during build time, significantly improving data collection efficiency and reducing business code coupling
- Developed Pietra Devtool, which runs as an independent DevTool frontend process in development mode. It communicates with the Vite dev server via RPC and centralizes project metadata, build graphs, and resources into a single dashboard, solving the issue of fragmented debugging information such as module dependencies, static assets (images, CSS variables, custom components, hooks, etc.), and build processes
- Architecture Upgrades & Performance Optimization
- Refactored the official website to Next.js, implementing SSR (Server-Side Rendering) and ISR (Incremental Static Regeneration), reducing first-page load time and improving SEO traffic
- Bundle optimization using tree-shaking and dynamic imports, reducing production bundle size by 67%
- Improved Google Lighthouse scores by optimizing LCP, FCP, and CLS metrics; Search Console score increased from 40 to 90+
2021/12 - 2024/01
Changan Automobile (Frontend Engineer | Chongqing)
- Responsibilities
- Development of micro-frontend application frameworks
- Development of SDK APIs for various automotive product lines, including SDK API
- Upgraded legacy frontend architecture to a new architecture and resolved historical technical debt
- Developed Incall CLI to improve team development workflow and productivity
- Conducted frontend technical interviews and code reviews
- Key Engineering Achievements
- Upgraded project architecture to a Monorepo structure, consolidating distributed codebases into a unified and standardized management system. Introduced component-based design to decouple business logic and extract reusable base and business component libraries, while implementing on-demand loading based on routes and modules, significantly reducing initial bundle size and improving application performance and user experience
- Led the refactoring of the vehicle control SDK into a micro-frontend architecture, splitting tightly coupled features into independent micro-applications supporting independent development, deployment, and on-demand loading. Designed core architecture including micro-app lifecycle, host communication mechanisms, and dynamic loading strategies. Built remote update capabilities enabling OTA-like delivery, canary releases, and seamless upgrades without app store redeployment. This solution has been deployed across multiple host apps (Changan Auto, Deepal, Kaicene, etc.), effectively reducing bundle size and improving iteration efficiency
- Led technology stack upgrades from Webpack 4 to Webpack 5/Vite, and migration from Vue2 to Vue2.7/Vue3. Established unified development standards and build systems. Developed engineering tools such as VSCode plugins and ESLint/Prettier configurations, achieving automated code standards and standardized development workflows, significantly improving DX including build speed, development efficiency, and code consistency while reducing onboarding time for new engineers
- Performed fine-grained performance optimization from build system to resource loading layer. Refactored complex Webpack configurations into modular and function-based structures for better maintainability and scalability. Developed custom Webpack loaders for business-specific compilation optimization. Integrated CDN-based static asset delivery and optimized entry dependency structure, reducing initial bundle size and improving overall loading performance
- Team Building
- Established a centralized technical documentation system to standardize development practices
- Organized internal technical sharing sessions to improve overall team capability
- Represented the company at technical conferences and shared engineering experience