Product Engineering // Frontend Architecture

Roderick
Hsiao

Product engineering consultant specializing in frontend infrastructure, design systems, and large-scale application development for global startups and Fortune 500 companies.

CAREER LOG // STILL SHIPPING

Career &
Highlights

01

Experience

  • 16+ years in product engineering.
  • Startup to Fortune 500 range.
02

Leadership

  • Frontend infra & design systems.
  • Team technical mentorship.
03

Impact

  • Serving millions of users.
  • Architecting for extreme scale.
04

Community

  • International tech speaker.
  • Open web & OSS advocate.

The Chronicle

KindredJan 2023 - presentRemote

Founding Engineer

Established frontend architecture, implemented core features, and led AI adoption and optimizations.

SECTION 01

Kindred

Established frontend architecture, implemented core features, and led AI adoption and optimizations.

NextJSReactReact NativeTailwind CSSTypeScript
Kindred

Join our members-only home exchange community and unlock travel for a friction of the cost of traditional vacation rentals.

TinderFeb 2017 - Jan 2023Palo Alto, CA

Principal Software Engineer

Led technical architecture and development of Tinder’s flagship web platform at tinder.com. Architected scalable frontend solutions serving millions of daily active users worldwide.

SECTION 01

Tinder Online

Led technical architecture and development of Tinder’s flagship web platform at tinder.com. Architected scalable frontend solutions serving millions of daily active users worldwide.

NodeJSReactRedux
Tinder

With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.

SECTION 02

Tinder Swipe Life

Developed and launched Tinder’s lifestyle magazine platform, creating engaging content experiences for the dating community.

GatsbyJSWordPress

Talks & Demos

Self EmployedMarch 2021 - presentSan Francisco, CA

Product Engineering Consultant

Delivered comprehensive frontend architecture improvements, performance optimizations, advanced instrumentation, and search engine optimization strategies for alternative investment platform.

SECTION 01

Alt Platform

Delivered comprehensive frontend architecture improvements, performance optimizations, advanced instrumentation, and search engine optimization strategies for alternative investment platform.

React
Alt

It’s time to invest in what you love. ALT gives you access to utility and liquidity like never before.

SECTION 02

Forethought (acquired by Zendesk in 2026)

Spearheaded feature development and design system infrastructure. Provided strategic technical guidance and architectural direction. Delivered state management solutions and executed comprehensive rebranding initiatives.

React
Forethought

Improve your customer experience by using AI.

SECTION 03

Public Speaker

Delivered technical presentations on Progressive Web Applications, web performance optimization, and large-scale web application architecture at international conferences and industry events.

JavaScriptReact

Talks & Demos

BranchJuly 2016 - Jan 2017Palo Alto, CA

Software Engineer

Architected frontend infrastructure, established engineering best practices, and implemented website performance optimizations for deep linking platform.

SECTION 01

Branch Dashboard and Solutions

Architected frontend infrastructure, established engineering best practices, and implemented website performance optimizations for deep linking platform.

NodeJSReactRedux
Branch

Number 1 in deep linking. Integrate robust, durable links into email, SEM, ads and other traditional marketing channels for improved app growth.

YahooNov 2009 - July 2016Taipei, Taiwan · Sunnyvale, CA

Senior Software Engineer

Engineered one of the world’s most visited single-page applications, serving millions of users across desktop, tablet, and mobile platforms. Developed reusable UI components, utilities, and Node.js libraries.

SECTION 01

Homepage

Engineered one of the world’s most visited single-page applications, serving millions of users across desktop, tablet, and mobile platforms. Developed reusable UI components, utilities, and Node.js libraries.

Atomic CSSExpressJSReactJS (Fluxible)
Yahoo

A new welcome to Yahoo. The new Yahoo experience makes it easier to discover the news and information that you care about most. It’s the web ordered for you.

SECTION 02

Weather

Enhanced Yahoo Weather platform using isomorphic React architecture, delivering seamless user experiences across all devices.

Atomic CSSExpressJSReactJS (Fluxible)
Yahoo Weather

Prepare for your day with the most accurate hourly, 5-day, and 10-day forecasts. Stunning Flickr photos match your location, time of day, and current conditions.

SECTION 03

News Digest

Developed web platform for Yahoo News Digest, enabling improved SEO performance and deep linking capabilities for the popular mobile application content.

Atomic CSSExpressJSReactJS (Fluxible)
Yahoo News Digest

Yahoo News Digest provides a definitive summary of all the important, need-to-know news. Digests are delivered twice a day - once in the morning and once in the evening.

SECTION 04

Mobile Homepage

Piloted innovative single-page application architecture for Yahoo mobile homepage, focusing on user-perceived performance enhancements and mobile optimization.

DustJSExpressJSYUI
SECTION 05

APAC Mobile Homepage (Taiwan and Hongkong)

Led a cross-functional team of 5 developers to architect and deliver comprehensive content consumption experiences for Asian Pacific markets.

CSSDustJSExpressJSYUI
Yahoo行動版

提供最方便的網站搜尋、即時新聞、生活資訊和Yahoo奇摩服務入口。

SECTION 06

2012 Presidential Election - Control Room

Architected and developed Control Room, a comprehensive tablet application providing real-time election coverage with curated content and original reporting from leading news sources.

CSSPHPYUI
Yahoo 2012 Presidential Election

Yahoo’s Control Room has live streaming video, coverage and maps of all House, Senate and Gubernatorial races, as well as the Presidential race results down to the county level, live blogging and live polling and social sentiment analysis.

SECTION 07

2012 Presidential Election - #Hashout

Developed #Hashout, an innovative online talk show platform designed to engage diverse perspectives and facilitate meaningful political conversations during the election cycle.

CSSPHPYUI
Yahoo 2012 Presidential Election - #Hashout

Online talk show for Yahoo 2012 Presidential Election.

SECTION 08

Global News

Architected unified platform serving all Yahoo properties globally. Led frontend testing strategy, framework development, and test automation infrastructure.

JavaSeleniumWebDriverJSYUI
Yahoo News

Browse latest news on Yahoo News.

Taiwan ArmyOct 2008 - Nov 2009Taiwan

Project Manager/Engineer Lead

Designed and developed two web-based training applications for military education purposes. Managed and mentored a team of 6 personnel in building educational simulator software solutions.

SECTION 01

Equipment Simulator

Designed and developed two web-based training applications for military education purposes. Managed and mentored a team of 6 personnel in building educational simulator software solutions.

Adobe FlexAdobe FlashASP.NETSQL Server