Senior Frontend Developer
Current●建立跨專案共用元件庫:使用 React、TypeScript 和 Mantine UI,減少 30% 重複程式碼,提升專案間元件一致性與維護效率。●強化團隊開發效率:重構既有元件,導入 Storybook,提供視覺化測試與即時文檔,大幅縮短溝通與開發時間。●確保系統穩定性與品質:撰寫 Playwright 和 Cucumber 測試腳本,建置 E2E 測試流程。●成功完成技術升級與性能優化:將專案從 React 16 升級至 React 18,採用 Vite 減少 50% CI/CD 時間,優化系統效能與穩定性。●提升程式碼可讀性與安全性:推動從 PropTypes 遷移至 TypeScript,並替換 UI 框架為 Mantine UI,確保開發穩定性與長期可維護性。●促進跨部門高效合作:與 UI/UX 設計師及後端團隊密切協作,確保設計與功能一致性,快速完成 API… Show more ●建立跨專案共用元件庫:使用 React、TypeScript 和 Mantine UI,減少 30% 重複程式碼,提升專案間元件一致性與維護效率。●強化團隊開發效率:重構既有元件,導入 Storybook,提供視覺化測試與即時文檔,大幅縮短溝通與開發時間。●確保系統穩定性與品質:撰寫 Playwright 和 Cucumber 測試腳本,建置 E2E 測試流程。●成功完成技術升級與性能優化:將專案從 React 16 升級至 React 18,採用 Vite 減少 50% CI/CD 時間,優化系統效能與穩定性。●提升程式碼可讀性與安全性:推動從 PropTypes 遷移至 TypeScript,並替換 UI 框架為 Mantine UI,確保開發穩定性與長期可維護性。●促進跨部門高效合作:與 UI/UX 設計師及後端團隊密切協作,確保設計與功能一致性,快速完成 API 串接,縮短開發週期。●帶動創新:進行多項系統重構與技術更新,成功減少技術債並顯著提升系統長期可持續性。=====================================================●Built a shared component library with React, TypeScript, and Mantine UI, cutting code redundancy by 30% and making components easier to reuse across projects.●Refactored existing components and introduced Storybook, making it simple for the team to preview and test components visually.●Improved system reliability by creating E2E tests with Playwright and Cucumber, catching bugs early and boosting delivery quality.●Upgraded projects from React 16 to React 18 and switched to Vite, speeding up builds and reducing CI/CD times by 50%.●Migrated codebase from PropTypes to TypeScript and replaced the old UI framework with Mantine UI, making the code safer, easier to read, and future-proof.●Collaborated closely with designers and backend engineers to ensure components matched design standards and API integrations were smooth and fast.●Led multiple system refactoring and technology upgrades, successfully reducing technical debt and significantly enhancing the long-term sustainability of the systems. Show less