Kayne Luo
羅健瑋 Chien Wei Luo
Be Water.
[email protected]
Currently work remotely in Taiwan.
Bachelor of Engineering, CSIE, 2017.
Tunghai University, Taiwan.
Work Experience
Binance
Software Engineer Mar 2020 - present
- Maintain the Electron instant messaging application and build a design system team(3 ppl) of this system from scratch.
- Drag&Drop pioneering with cross-device concurrency scenarios in an instant messaging application by client Protobuf.
- Revamp the topic list data structure and UI with progressive data-fetching strategy and optimize performance efficiently.
- Creator of the design system migration group(4ppl), manage the process and delivery with UED team, and get over 80% up usage in our company.
- Lead developer of the frontend ui-framework with CSS-IN-JS solution and lead the large-scale React design system with less than 2 red sign on production in 2 years.
- Lead 2 developers for the migration of documentation system from Gatsby to the new implement with Docusaurus.
- Integrate the main site's design token and themeable scenarios for planning the cooperation flow with styled-system.
- Participate and implement the dashboard part of the low-code CMS system for heading on blog & support business.
- Unite and organize coding style with Prettier&ESLint setting in Rush monorepo.
- Arrange and plan the complete git working flow & CI/CD for ui framework package on private npm registry with Rush monorepo stack.
- Implement cross web pc/mobile&mini-program ui framework from scratch with Less.
- Unify the icon solution in the whole company and automate with Figma(design) + svgr(developer).
- Refactor the component variant system and make the properties usage configurable to integrate the Color Vision Deficit mode and distribute to production.
- Optimize the RWD experience for the PNL time selector and have over 20% high-frequency usage.
- Participate an interface-builder and be in charge of the UI/UX implement of low code Editor.
- Image uploader server for crypto and hash users' assets to s3 bucket. Image reader server to download and cache or process image to user with Nodejs.
Unnotech
FrontEnd Engineer Oct 2017 - Mar 2020
- Lead into and update code splitting strategy, Optimize FCP from 3.6s to 1.1s.
- Configure nginx static_gzip & webpack gzip decrease 10% duration per request.
- Apply FSM pattern to refactor and decoupe old logic of authority, and 0 related issue in production.
- Apply all site skeleton pattern for the loading experience.
- RWD Unnotech official site.
- Lead into and apply Nuxt.js in RWD product official site , improve SEO and optimize site-traffic.
- Lead into and apply Electron (Vue-Electron) to implement the native app on Windows/Mac using old project.
- Update Webpack 3 to 4 ;
- Migrate vue-cli2 to vue-cli3.
- Comprehend the CI/CD process and solve the front-end deployment issues by Devops assistance. (Jenkins, GCP)。
- Complete the new project, Chatroom, from constructing to production in 1 month and deliver to the oversea team smoothly.
GWIN Industrial.
Web Designer Jul 2016 - Mar 2017
- Comprehend the task and make great communication with teammate, complete the right interaction on design.
- Complete the PSD layout for RWD/AWD in HTML/CSS .
- User-friendly UI and interaction design, then do the complement.
Skill Experience
Frontend - UI
HTML / CSS
* Semantic
* Grid / Flex layout
* User-centric thinking
* Browser Compatible (Above IE10)
CSS/ SASS / RWD
* RWD design pattern
* Easy to maintain
* No redundency
* Modulize
* Emotion
* Theme-ui
* styled-system
* CSS-IN-JS
Javascript
* Vue, React - (ts)
* SSR Nuxt, Next
* UI Frameworks
Vue: ElementUI, vux, cube-ui
React: Blurprint, Radix, antd
* RC - components by Ant
* Gesture handling: react dnd, use Gesture
* WebSocket
* Vue-Electron
* Pre-render SPA SEO optimization
Others
Backend (Node.js)
* Stream
* Koa, koa-router
* Sharp
* S3 api
* Autocannon loadtest
Webpack
* Code splitting
* Normal configuration
* Loading on demand
* Dll plugins setting
* Typescript environment setting
* Customized Loader
Performance Optimization
* HTTP Cache
* Event delegation
* Animation optimization
* Request seperation (cacheGroup)
* Lead into and complete Skeleton Pattern
* SEO sense (meta, open graph and scheme)
* Apply stream to handle large data.
* participate new gitlab flow innovation for better dev experience
