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

  • Decades 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

One of the first engineers — owned frontend architecture and core product development at the early stage of the company.

SECTION 01

Kindred

Built the full frontend architecture from scratch, shipped core product features, established engineering standards, and integrated AI tooling into the development workflow.

NextJSReactReact NativeTailwind CSSTypeScript
Kindred

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

Self EmployedMar 2021 – PresentSan Francisco, CA

Product Engineering Consultant

Product engineering consultant specializing in AI adoption, frontend architecture design, team and individual mentorship, PWA and performance optimization, and career coaching.

SECTION 01

Alt Platform

Frontend and web engineering mentor — best practices, tooling, and career direction. Built a performance enhancement roadmap and an SEO improvement strategy. Architected the instrumentation layer and drove code modularization across the 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)

Led the company-wide rebrand project including a full CSS system overhaul. Architected persistent state management for the web widget. Shipped performance improvements across the platform. Provided ongoing tech mentorship to the engineering team.

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

TinderFeb 2017 – Jan 2023Palo Alto, CA

Principal Software Engineer

Principal engineer for tinder.com — led the web platform's technical architecture serving tens of 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

BranchJul 2016 – Jan 2017Palo Alto, CA

Software Engineer

Built frontend infrastructure and engineering practices for Branch's 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 – Jul 2016Taipei, Taiwan · Sunnyvale, CA

Senior Software Engineer

Over six years at Yahoo across multiple product lines — mobile homepage, weather, news digest, quality engineering, and one of the world's most-visited single-page applications.

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

Mandatory military service — designed and developed web-based training simulators for military education, and managed a team of 6 engineers.

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