Roderick Hsiao
Founding Engineer at Kindred
San Francisco Bay Area United States
Summary
🤩
Rockstar🎓
Top SchoolRoderick Hsiao is a founding engineer and front-end infrastructure specialist with 11 years of experience building high-performance, scalable web applications from Yahoo to Tinder and now leading product at Kindred in the Bay Area. He combines deep PWA and UI expertise with architecture-level thinking—designing web cores, PWAs/TWAs, and developer tooling while mentoring teams to adopt engineering best practices. As a consultant and public speaker he’s guided performance, accessibility, and SEO roadmaps for startups and enterprises, translating complex requirements into pragmatic, measurable improvements. An active open-source contributor, his work on the atomizer CSS library added advanced parsing and new CSS feature support, reflecting a knack for subtle but impactful front-end optimizations. Grounded in both engineering and product perspectives from his management information systems background, he favors humane product design—balancing speed, accessibility, and user-centric developer experience.
11 years of coding experience
14 years of employment as a software developer
Bachelor of Business Administration Management Information Systems, Bachelor of Business Administration Management Information Systems at National Chengchi UniversityExchange Program Business/Commerce General, Exchange Program Business/Commerce General at University of Mannheim
English, Chinese
Github Skills (4)
atomic10
javascript10
css10
testing9
Programming languages (8)
Github contributions (5)
acss-io/atomizer
May 2015 - Sep 2022
A library to create small, reusable CSS that scales as your website grows.
Role in this project:
Front-end Developer
Front-end DeveloperContributions:17 commits, 16 PRs, 1 branch in 7 years 5 months
Contributions summary:Roderick primarily contributed to the `atomizer` library by enhancing its functionality and improving its capabilities. They added support for new CSS features, including `matrix` transformations, background positions, and the `resize` property. Moreover, they refined the library's parsing logic by introducing support for template literals and improved the sorting of pseudo-classes for CSS generation. Additionally, they addressed a bug related to media query CSS generation and updated the lodash version.
cssatomizeratomic-cssfunctional-cssreusable
roderickhsiao/react-aspect-ratio
Mar 2017 - Jan 2023
Preserve space for your element to prevent browser reflow (layout shift)
Contributions:14 releases, 3 reviews, 117 commits in 5 years 11 months
reactshiftlayout-shiftweb-componentsbrowser
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.