Harry Su

B.S., Biological Resource, National Chiayi University, 2011~2015

886-937-125-067

Frontend Engineer, ONElab, Taipei City, Taiwan, Jul 2021-Mar 2024

Next.js / React / Webpack / TypeScript (Cypress) / Node.js / Docker / Grafana Faro

From 0 to 1, built the first cross-team shared React library, reducing development time by 40%. Implemented token-based installation and modularized JS files based on functionality, enabling optional import.
From 0 to 1, developed company's first Next.js project, handling 30 login scenario, creating pages and setting metadata. Split i18n resource files to determine loading necessity, and used a custom server (Node.js) to verify language legality and redirect URLs. Designed layout config to simplify multi-site integration and expansion.
Reduced JS bundle sizes by updating webpack, environment variables, decreasing the main file size by 7% (50kB) and the other file size by 33% (136kB). This enhancement boosted system speed and reduced bandwidth costs.
Served as Feature Team Leader, establishing a frontend telemetry system via Grafana Faro to capture user behavior. Experienced in LogQL, created visual dashboards to monitor web performance and API loading.
Wrote Cypress tests, creating at least one new feature test bi-weekly to ensure ongoing feature stability.
Mentored new engineers in project architecture, code reviews, merge request standards, and coding styles. Maintained good documentation practices for effective tracking and development reference.

React Hook, Context / styled-components

Created a React Custom Hook to standardize the SEO append process, enhancing development efficiency.
Developed features using technologies such as React Hook/Context and styled-components.
Collaborated with backend engineers to discuss API schemas and integrate RESTful APIs. Worked with UI designers to review layouts and user flows, developing according to Figma design specifications.

React / JavaScript / Node.js / PHP / SQL

Selected as a program participant, rapidly acquired programming skills and completed courses on a tight schedule, leading to the development of a challenging React project.
Rapidly completed the course tasks, frequently receiving "Highly Commendable" feedback for the high quality of task outputs.

React / Redux / GraphQL / CSS modules

Participated in an open-source project aimed at workplace transparency, collaborating with the team to learn new technologies. Developed using Redux, CSS modules, and GraphQL.
Defined GraphQL API interfaces and collaborated with full-stack engineers, emphasizing comprehensive component design prior to development.