葉宗沛 35歲
Front-end Developer
有4年以上的前端經歷，主要用 React、Nextjs 進行 RWD 網站製作,積極學習新技術遇到問題也會持續追蹤並且與同職能的同事討論。
目前擔任團隊的前端配合其他七名組員進行專案開發, 並帶領一名實習生進行專案以及問題的探討
工作經歷
前端工程師
TVBS
Nov 2022 - present
Taipei, Taiwan
React/ NextJS/ Tailwindcss/ React-query/ Next-seo/ TypeScript/ Gitflow
- 將專案從 Next 12 升至 14.2
- 協助將網站從 Page route 轉換成 App route
- 從 JS 轉換成 TS 專案
- 專案容器化
- 撰寫過 github actions
- 添加 Skeleton View 改善使用者體驗
- 協助 Data Team 埋設事件,維持數據的一致性
- 協助團隊使用 Cache-Control ,增加系統穩定
- 主持過幾場技術分享會,例: Cache-Control, FP, Skeleton View...etc
軟體研發工程師
富鴻網
Mar 2019 -Nov 2022
Taipei, Taiwan
React/ React Native/ Vue3/ Bootstrap4/ Tailwindcss/ Gitflow/ Vite / Tauri
- 撰寫高可讀性使用者操作手冊
- 使用 Swagger 測試 API
- 導入Vite 建構專案縮短了 30% 的編譯時間
- 導入 React Native 開發 mobile app
- 導入 Git Flow 與同事進行版本控管
- 參與的專案主要使用 Vue 跟 React ，並在專案中規劃組件與邏輯重複利用以及終端部屬
- 因專案大多採用 Bootstrap ，協助導入 Tailwind CSS 解決 CSS 命名問題以及輕量化
- 用 Tauri 將應用程式包裝成桌面應用程式以及提高資訊安全性
技能
React
- 了解 use、 useState、useMemo、useId 等等 hooks
- 使用 useOptimistic 提高使用者體驗
- 使用過 useSyncExternalStore 避免畫面撕裂
- 使用 custom hook 增加邏輯重複利用性
- 使用過 zustand
Next.js
- 使用過 next/dynamic 依照情況載入
- 使用過 next/script
- 使用過 useOptimistic
- 使用過 Error Boundary
- 使用過 Suspence
- 使用過 useSyncExternalStore
- 了解過 cache 機制
HTML5 & CSS3
- 了解 CSS / SCSS / Tailwind CSS
- 使用過 Style Components
- 了解 RWD 切版製作
JavaScript
- 使用 ES6+ 開發
- 使用過 TypeScript 進行開發
- 使用過 Funcitonal Programming 進行開發
- 使用過 devtool > perfomance 檢視效能
- 了解過 Cache-control
Test
- 撰寫過 lighthouse-ci
- 撰寫過 playwright
- 撰寫過 vitest
Language
- Chinese
- English
專案經歷
女人我最大
NextJS 14/ TypeScript / Tailwindcss / Swiper/ zustand
- Total Block Time 降 80% 以上
- Speed Index 降 30%
- Frist Contentful Paint 降至 1.8 秒內
- Pagespeed Insight 效能從 14 提高到52 分
- 解決 app route CDN 問題
- 優化頁面架構
- 協助埋設 JSON-LD
- 協助埋設 GTM
- 協助埋設 Ads 廣告
食尚玩家
NextJS 13 / Tailwindcss / React-Query / Axios / Vitest / TypeScript
- 導入單元測試增加專案維護性
- 用 intersectionObserver 相關套件觸發動畫
- 減少 CLS 問題
- 維護網站 Pagespeed Insight 評分
