Andre Feri
Saputra
Senior Frontend Engineer — React / Next.js / Web3
Frontend engineer specializing in real-time systems, Web3 applications, and high-performance interfaces.
Building the future of web
Senior Frontend Engineer with 5+ years of experience building scalable web and mobile applications, specializing in React, TypeScript, and Next.js. Experienced in developing real-time dashboards, Web3 applications, and data-intensive interfaces using WebSockets and modern frontend architecture.
Strong background in performance optimization, state management, and building complex UI systems such as dashboards, analytics platforms, and decentralized finance (DeFi) applications.
Core specializations
Deep expertise in building performant, data-rich applications that handle complexity at scale.
Realtime Systems
Building real-time dashboards and event-driven interfaces using WebSockets and optimized React rendering. Handling thousands of concurrent data streams with sub-100ms update cycles.
Data Visualization
Creating complex data visualizations using D3.js and interactive dashboard interfaces. Transforming millions of data points into meaningful, real-time visual insights.
Web3 Interfaces
Designing frontend architectures for decentralized finance (DeFi) and blockchain applications. Building intuitive interfaces for complex on-chain interactions.
Tech stack & expertise
Frontend
State Management
Realtime Systems
Data Visualization
Web3
Backend
Database
Where I've worked
Senior Frontend Engineer
PT Enkripsi Teknologi Handal
- Build scalable frontend systems using React and TypeScript
- Develop complex dashboards handling large datasets
- Improve rendering performance and UI responsiveness
Senior Programmer
Ace Resource Advisory Services (Malaysia)
- Developed enterprise applications using modern JavaScript stack
- Built data-heavy interfaces connected to multiple enterprise systems
Senior Frontend Engineer
PT Merkle Inovasi Teknologi
- Developed applications for Hokben, WOM Finance, Hino, and Siloam
- Built scalable UI architecture for mobile and web platforms
Selected work
A selection of projects showcasing expertise in real-time systems, data visualization, and scalable frontend architecture.
Realtime Dashboard
Live data monitoring platform
High-performance real-time dashboard processing thousands of WebSocket events per second with optimized React rendering and zero frame drops.
Admin Dashboard
Enterprise analytics platform
Feature-rich admin panel with interactive D3.js charts, complex data visualization, and comprehensive analytics handling large-scale datasets.
Mobile Apps
Cross-platform mobile suite
Cross-platform React Native applications deployed internationally, serving clients across the US, Europe, and Asia with scalable architecture.
Optimizing React rendering for realtime WebSocket interfaces
A fintech dashboard needed to display real-time market data across 50+ instruments, each updating every 100ms via WebSocket. The initial implementation caused severe jank — dropped frames, memory leaks, and 300ms+ input latency.
Designed a layered update pipeline: WebSocket messages → shared worker for batching → requestAnimationFrame scheduler → virtualized component tree. Each layer acts as a buffer to prevent unnecessary renders.
React's default reconciliation couldn't keep up with the update frequency. Each tick caused 50+ component re-renders. The GC pressure from object allocations created visible stutters every 2-3 seconds.
Implemented useSyncExternalStore with a mutable store pattern to bypass React state. Used Canvas for chart rendering instead of SVG. Applied structural sharing for immutable updates and time-slicing for non-critical UI updates.
Achieved consistent 60fps rendering with 50+ live data streams. Reduced memory usage by 40%, eliminated GC-induced jank, and brought input latency down to < 16ms. The dashboard now handles 10,000+ events/second.
Let's connect
Interested in working together? Feel free to reach out through any of the channels below.