Avatar of Jack Yu.
Jack Yu
Senior Frontend Engineer (Tech Lead) | React
ProfileResume
Posts
18Connections
Print
Avatar of the user.

Jack Yu

Senior Frontend Engineer (Tech Lead) | React
* 全端經驗的資深前端工程師,專注於前端 React 領域,擁有在新創公司和作為獨立開發人員的工作經驗 - 需求溝通、架構規劃、程式編寫、CI/CD 部署設定 * 熟悉 React ,包含使用 hooks 和 class components 建立各式複雜元件,優化元件效能和單元測試,建構大規模的前端程式庫 * 擅長溝通,可與其它團隊和高階管理者進行有效溝通,考慮成本效益,提供更好的執行決策建議,降低開發成本,擅長將艱深的技術原理轉譯成淺顯易懂的比喻 * 擁有管理經驗,帶領過大型團隊、小型團隊的前端團隊經驗 - 負責團隊建置、教育訓練、開發指導和程式碼品質控管 擅長 React、JavaScript、NextJs、HTML、CSS/SASS、Redux、TypeScript 和 SEO
Logo of the organization.
鉅亨金融科技股份有限公司
Logo of the organization.
Southern Taiwan University of Technology
台灣基隆
타이완

Professional Background

  • Current status
    Employed
  • Profession
    Front-end Engineer
    Technical Manager
  • Fields
    Media
  • Work experience
    More than 15 years (More than 15 years relevant)
  • Management
    I've had experience in managing 10-15 people
  • Skills
    ReactJs
    Next.js
    HTML/CSS
    Typescript/Javascript
    React Hooks
    Git
    Tailwind CSS
    SASS/SCSS
    Redux
    Nx
    Google Analytics
    Storybook
    React Query
    React Native
    Bootstrap
  • Languages
    English
    Intermediate
    Japanese
    Intermediate
  • Highest level of education
    Bachelor

Job search preferences

  • Desired job type
    Full-time
    Interested in working remotely
  • Desired positions
    前端工程師、網頁前端工程師、Frontend Engineer、Front-End Engineer、Front-End Developer
  • Desired work locations
    Xinyi District, Taipei City, Taiwan 110
    Neihu District, Taipei City, Taiwan 114
    Nangang District, Taipei City, Taiwan 115
  • Freelance
    Non-freelancer

Work Experience

Logo of the organization.

Frontend Technical Manager | React

3월 2021 - Present
* 作為核心貢獻者,加入團隊初期,獨立維運 10+ 專案,陸續招募團隊成員後,領導鉅亨網各頻道網站改版,已完成 6 個頻道改版(ReactJS、NextJS、Javqscript(ES6+)、Typescript、Webpack);專案維運、功能開發及解決網站故障狀況也都是日常工作 * 重頭打造前端團隊,領導 6 人小組,營造工作氣氛良好並熱衷技術分享的前端團隊,訂定開發規範,進行新人培訓,定期舉辦技術分享交流,鼓勵團隊持續學習 * 高品質程式編寫,使用 React Hook 建立可重複使用元件,抽取共用邏輯建立自定義 Hook 元件,優化元件效能,撰寫好維護、高可讀的程式碼 * 網站效能優化,使用 Intersection Observer API 建置滾動載入,讓頁面渲染節省不必要的元件載入請求,減少頻寬成本,使用 Dynamic Import、Lazy Loading、Code Splitting 重新編寫,縮減 45% 打包大小,載入速度由 12s -> 844ms * 優化 SEO 成效,使用 React + Next.js 做為基底 SSR 架構,提高載入速度及 SEO 成效,分數提昇至 SEO 100 分和 Best Practices 95 分 * 提升開發效率,建置 Monorepo 架構,減少過往 Multi-repo 架構時的開發成本/時間 * B2B 合作案,使用 React Hook、Javqscript(ES6+)、Typescript、Tailwind CSS 和 Vite 建置 B2B 第一金人壽、國泰世華專案網站 * 重大事件解決,獨立解決因第三方憑證更新,導致全站 Crash 的重大災難事故,以及解決過往前端團隊一直無法改善的廣告蓋版及載入太慢等困擾許久問題 使用技術及套件 : NextJs / ReactJs / JavaScript (ES6+) / TypeScript / HTML / CSS / Tailwind CSS / Sass / Redux / React Query / Highcharts / Jest / Storybook / Vite / Nx / GA
Logo of the organization.

Frontend Team Leader | React

7월 2016 - 2월 2021
4 yrs 8 mos
* 從 0 到 100 打造出物聯網智慧中控器操作應用程式,使用 React Native + Redux,進行 Client 端 APP 開發,採用 Container Component pattern 分離商業邏輯和元件開發,共有 iOS 和 Android 二套版本 * 整併 mqtt 協定、藍芽通訊,優化手機和中控器配對程序,加入 i18n 多國語系架構,完成英文/繁中/簡中/日文/法文等語系 * 一鍵部署,導入 Fast Lane 撰寫部署腳本,一個指令即可完成 APP 上架至 Apple Store 和 Google Play Store * 使用 React Hook、Material UI Framework 開發智慧中控器網頁版配對和操作設定程序 * 使用 Javascript(ES6+)、HTML5、CSS3 、Bootstrap 4、Material UI、KOA 建置產品 RWD 網站及養殖場域儀表板監控平台,整合Highlights 圖表完成統計數據圖表呈現 * 負責前端團隊管理,招募和培訓,提供專案架構和開發決策建議,外包開發進度管理和各項開發問題協助排除 使用技術及套件 : React Native / ReactJs / JavaScript (ES6+) / Redux / HTML / CSS / Sass / FastLane / KOA
Logo of the organization.

資訊技術部副理 | Frontend Manager | React | Javascript

8월 2014 - 6월 2016
1 yr 11 mos
* 使用 React.js、Javascript、Sass、Bootstrap 3,採用前/後端分離架構,串接後端各項資料 API (金流、訂單、庫存、商品),開發自營電子商務平台,提供一般消費者購買相關永豐餘自產和經銷商品 * 使用 Javascript、jQuery、Bootstrap 3建置一頁式電子商務快速購物模版,提供多種直銷平台電子商務需求 * 提昇團隊開發效能 60%,透過導入 Git 版本控管並建置 GitLab,改善過往多人團隊開發流程 * 跨部門需求完成滿意度增加 30% 及工作成效提高 25%,導入 Redmine issue tracking,管理各部門提出需求、工作指配及進度追蹤 * 業務及後勤單位需求的溝通和協調,依照需求提供更佳方案,管理資訊技術部門 13 位成員,進行成員招募、小組工作分派和專案管理,並提供必要技術支援和建議 使用技術及套件 : ReactJs / JavaScript (ES6+) / HTML / CSS / Sass / BootStrap 3 / Google Analytics 3
Logo of the organization.

Full-stack Developer | Ruby on Rails | PHP | JavaScript

3월 2010 - 5월 2014
4 yrs 3 mos
* 參與新創合作,擔任網站主要開發一職 * 閱讀社群網站平台建置,社群網站平台建置,線上電子書閱讀器 API 及 Epub 電子書解析器開發 * 中華電信 Hami 書城導入、整合社群閱讀服務,協助整合社群閱讀服務至 Hami 即有書城功能中 * 雲端出版、製書、上架銷售一站到位服務平台,平台網站建置,個人製書產出 APP 打包 RESTful API 開發和 Paypal 金流串接  * 電子書個人管理後台,網站建置、文章所見即所得排版系統 RESTful API 開發、個人文章管理後台建置 * 永豐餘電子商務購物商城建置和後端多商城管理系統開發、商城所需 RESTful API 開發和永豐餘 API 串接 (金流、商品、庫存) * 受邀參與新加坡 JFDI 課程訓練 * 參與洛杉磯 Agent Ace 網站前端開發 使用技術及套件: Ruby on Rails / PHP / Zend Framework 2 / jQuery Mobile / Bootstrap 3 / HTML / CSS / SASS / Javascipt / jQuery / Backbone / AWS EC2 / RDS / S3 / MySQL / D3

Web Developer | PHP

5월 2006 - 3월 2010
3 yrs 11 mos
* 擔任 PHP 工程師,負責完成公司接案 * 電子商務網站、公司形象網站、各式後台管理開發 * 資料庫規劃、管理和網站維護 * 與客戶接洽並進行需求分析和系統架構規劃設計 * 負責中研院數位典藏網站系統建置,使用 ActionScript3 和 FLEX 進行開發 * 導入 CodeIgniter Framework,採用 MVC 開發手法加速工作流程和分工 使用技術: PHP / JavaScript / MySQL / HTML / CSS / CodeIgniter / ActionScript3 / FLEX

Education