Henpai Hsu

I have more than  5 years experience as Frontend A self-driven programmer who won't constrain learning by business requirements. I enjoy solving problems with my teammates, even it's not mine. I've been focusing on modern web architecture, including tooling and automation since the beginning of my career.

Software Engineer
TPE,TW
[email protected]


Experience

Senior Frontend | Mexc , Dec 2023 - Present

  • Migrate SSR to RSC in NextJS project.
  • Performance tuning in micro frontend architecture under UmiJS.
  • Techstack: UmiJS / Zustand / AntD

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Senior Frontend |  Rezio (KKday Group), Feb 2021 - Dec 2023

  • Responsible as a team lead and couch other teammates. 
  • Introduce E2E test, Unit test, and Storybook, and Better typing in Typescript to to improve the stability and DX. 
  • Refactor legacy JS codebase to Typescript with not only type but with better structure. Ex: more explicit utility and well testing pure functions. 
  • Introduce Jotai to replace Mobx, MST, and Mobx-keystone base on team's will. - Host Typescript FP and Workshop Internally. 
  • Techstack: Expo / Mobx / React-Hook-Form / React-Reactive-Form / GraphQL / NextJS

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Senior Frontend |  Positivegrid, Dec 2019 - Sep 2020

  • Develop campaign page with Bigcommerce, handlebars, stencil in vanilla Javascript  
  • Redesign architecture for service migration, from Heroku + GCP to both Ali-cloud and AWS 
  • Migrate Firebase Firestore to MongoDB 
  • Develop new APIs in Flask(Python) with other DSP engineer
  • Introduce Docker and create create Linux CLI tool docker environment for audio process
  • Dockerfy several backend servers for the K8S cluster  
  • Analyze traffic by Newrelic and Papertrail 

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Frontend |  Positivegrid, Dec 2018 - Dec 2019

  • Implement various MVPs with designers in React SSR 
  • Add PWA ability to the product and pass the verification 
  • Develop AMP version info page for SEO 
  • Tuning SEO and made impression improved from less than 100/day to over 10000/day in 8 month 
  • Develop APIs in Express with NextJS 
  • Firebase Firestore / Firebase Function
  • SPA Performance tuning 
  • Refactor python flask server and modularize for supporting various video service 

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Front-end | PRO360, Oct 2017 - Dec 2018

  • Front-end developer.
  • Responsible for implement most new features with designer and product owner
  • Introduce Stylus into the team for style management 
  • Refactor legacy code with ES6 syntax and modern API in React, Redux with Service Side Rendering

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

Projects

Sublime Mark

  • The marking system that I ported from Sublime Text to VSCdoe
  • Tech Stack: Typescript

HomePage

  • A Website of personal information.
  • Tech Stacks: React, Redux, Less, Ant-Design, Dropbox Api, Webpack, ESLint, Prittier, Styled-component, Flow, Travis CI.

subTrans

  • Drag and drop text files with content preview in the window. 
  • Converting text between Simplified Chinese and Traditional Chinese, and save files to local storage.
  • Support Windows, macOS, and Linux with naive-like desktop application UI.
  • Tech Stacks: Vue, Vuex, Bulma, Electron, File I/O, Pug(Jade), Stylus, Webpack.

Array utilities

  • Implement some RxJS-like operator to array prototype, including Mix, Diff, and Partition

Skills


Javascript

Typescript / Ramda / RxJS / ES6 / Functional Programming / Flow type / Jest / AVA / Testcafe


Front-end Framework

React / Storybook / Redxu-saga / Vue / Vuex / Electron / AMP / PWA / Scaled SPA / Server side rendering


CSS related

Emotion / Styled-component / Less / Stylus / CSSModule

Bootstrap / Ant-Design / Bulma / Font-Awesome


Back-end

Koa / Express / MongoDB / Postgres / Ruby on Rails / Elixir

Docker / Newrelic / Papertrail / PM2 / config GCP


Development Tool

Git : rebase / cherry-pick / blame / bisect / patch / Husky

WebpackRollup: Analyzer / Auto external / Terser / Alias

Travis CI / ESLint / Style Lint /Prettier


Others

Python / Objective-C / C(embedded)

Education 

National Chung Cheng University - 2013

  • Bachelor of Electrical Engineering

National Tsing Hua University - 2015

  • Master of Computer Science
  • Thesis: EcoMini - Design hardware of Bluetooth 4.0 wireless sensor board, from electronic schematic to physical layout. Develop the firmware of EcoMini and other CC2541-base board.

Additional

  • Language: Fluent in Mandarin, fair in English (Toeic 800 points).
  • Interests: Make a plan before coding, Leaning tools, Adjust daily workflow. Reading tech articles