Refactor : Using functional programming (FP) to refactor the same project written in object-oriented programming (OOP) style. Applied advanced javascript concepts such as composable and pure component features of FP to write a new library aiming to solve the problem caused by OOP style library, which is tightly coupled and became hard to maintain.
The refactored version’s render speed was two times faster.
Performance adjustment : Tested with Lighthouse, applied reselect to memoize state, useCallback to memoize functions, lazy load and code splitting to reduce the initial load time, and minimize image size for production. Chose pixi.js and GSAP library to manipulate canvas and WebGL creating 2D animations.
The benefits from using pixi.js instead of Unity are 2-3 times faster developing time and much smaller file size.
Carry on project individually : Planned and built canvas 2D animation game that worth millions TWD using React.
UI Test : Implement storybook to help reducing QA testing timeline by 2 times.
Online gaming platform as company main products, I was assigned to build and maintainer the 2D canvas game content