Serge

Markelov

• Developed a front-end platform application from scratch with test coverage exceeding 82.3% • Utilized the React TanStack Table library to manage millions of items and implement hundreds of ilters and sorting options across various types • Created a reusable table component that reduced the time required to add new entity table screens from 2–3 weeks to 3–4 days • Mentored a junior developer, advancing them to a mid-level role at Avito • Implemented core front-end metrics tracing in Sentry, ensuring an LCP of no more than 0.45s (well below the green threshold of 2.5s) and an INP (FID) of no more than 50ms (well below the green threshold of 200ms) Technologies: React, TypeScript, Redux Toolkit, Jest

• To optimize module re-renders, I upgraded React to version 18 to enable automatic batching and implemented several approaches that reduced re-renders by 3 to 4 times • By eliminating unnecessary memoization, I simpliied component code and signiicantly reduced the application's memory consumption by approximately 5.7%—a substantial saving for a high-load application • Based on these optimizations, I prepared and delivered internal reports that led to the development of new guides by my colleagues and me, further reducing re-renders and eliminating outdated code Technologies: React, TypeScript, Redux

• Boosted landing page conversion for the pop-up trading network by 122% • Rewrote the eect animation using Three.js shaders and transferred calculations from the CPU to the GPU, increasing the number of animated elements from hundreds to several thousand while improving site performance and nearly doubling FPS to 55–60 • Developed a library of basic interface components in Storybook using React and TypeScript patterns, reducing repetitive tasks and accelerating event project development by 2 to 3 times • Created an animation constructor that enables clients to choose custom parameters, saving time on edits and negotiations. You can ind this constructor on the: https://markelo.site/prototypes/shaders/dots/ (play around with the progress sliders) Technologies: React, TypeScript, Three.js, Redux, Vue2