Syn By Design

Freelance developer, trainer, & consultant.

πŸ‘‹ Hi. I'm Eric Masiello, and this is what I'm all about.

I am a principal software engineer and domain architect at Vista where my teams and I develop front-end libraries that make design capabilities scale. Our tech stack is primarily TypeScript, React, and MobX. While I love building user interfaces, building libraries that support rich experiences adds the additional challenge of designing for more than just my needs. Not to mention, I must consider other important requirements such as accessibility, performance, and our API's design.

My teams and I have worked on some unique projects. I prototyped a CLI tool and then partnered with other engineers to design and build out a tool called "Create Design Stack Project." The CLI walks you through a series of prompts and generates nearly everything you need to contribute to Vista's design capabilities ecosystem. I also helped brainstorm tooling that improves how engineers build and test libraries inside their host applications (think npm link, but much better!). This is on top of all libraries we build for other engineers at Vista so they can build advanced design experiences throughout our site.

I have an admittedly unusual love for writing unit and integration UI tests. I take inspiration from the great Kent C. Dodds and have turned my testing philosophy into an internal course at Vista.

Lastly, I love to tinker on the edges of web and user interface development. I've begun digging into Rust because I'm excited by what additional possibilities it enables on the web via web assembly. Also, being a self-proclaimed Apple fanboy who loves to build UIs, I've taught myself a reasonable amount of Swift and SwiftUI. I even launched an Apple Watch app in the App Store that counts beats per minute when listening to music.


Eric Masiello

Full Stack JavaScript Engineer

Over 10 years of professional experience in web development and design with a passion for developing rich internet applications using modern JavaScript frameworks

Technical Skills

  • Web application development
  • Single page applications
  • React
  • React Native
  • Accessibility
  • Performance
  • Redux
  • Modern JavaScript
  • Gatsby
  • Typescript
  • Styled Components
  • CSS Modules
  • Node
  • Express JS
  • HTML5
  • CSS
  • SCSS
  • Jest
  • Mocha
  • React Testing Library
  • Enzyme
  • jQuery
  • Webpack
  • Gulp
  • Babel
  • Wordpress
  • PHP
  • Git
  • Cross browser development
  • MySQL
  • Mongo

Professional Experience

Vistaprint Digital

Principal Engineer (2020 β€” Present)
UI Architect (2019 β€” Present)
Senior Software Engineer (2016 β€” 2020)
  • Partnered with the a11y working group to define and ratify an organization-wide accessibility RFC
  • Developed front-end and accessibility standards and training
  • Designed in-house front-end learning program
  • Architect of Print Designer UI library; optimized for mobile experiences via custom build scripts supporting tree shaking, small CSS modules, and flexibility via components and custom hooks
  • Technical architect and team lead for rearchitecture of flagship Website Builder; dramatically expanding builder capabilities and enabling customers to create entirely customized "blocks"
  • Vistaprint Digital UI Component library architect
  • Full stack engineer across multiple products utilizing React and Node JS
  • Mentor junior & senior engineers on front-end and Node development
  • Career coach and manager for junior & senior engineers
  • Creator of the Front-end Learning Guild: a biweekly meetup to discuss and learn about front-end technologies

Advisory Board Company

Principal Front-End Developer (2013 β€” 2016)
Lead Front-End Developer (2011 β€” 2013)
  • Principal engineer on multiple health care and higher education RESTful web applications using SCSS, Angular, Ionic, Cordova, Knockout, jQuery, Gulp, and Grunt
  • Advisory Board UI framework CSS Architect
  • Authored and trained two one–week-long front end developer boot camps
  • Coached and mentored junior engineers and designers
  • Winner of multiple Advisory Board Hackathon competitions
  • Acted as cross-product accessibility consultant

US Census Bureau

Chief of Human Resources Info Systems Branch (2010 β€” 2011)
Senior Web Developer & Team Lead (2008 β€” 2010)
Web Designer & Developer (2003 β€” 2009)
  • Managed 9 direct reports
  • Acted as project manager for HR Systems: developing project plans, wireframes, & milestones
  • Developed and documented visual style guide for engineers, enforcing HTML semantics, best practices, UI, and UX consistency
  • Lead developer for Census Human Resource Information System (CHRIS) using on .NET and SQL Server

Freelance & Related Experience

General Assembly (2016 β€” 2018)

Part-time Instructor: Front-end Web Development
  • Teach students how to build web sites using HTML5, CSS, JavaScript, and jQuery

General Assembly (2017 β€” Present)

Instructor: JavaScript 101 Workshop
  • Teach students the basics of JavaScript and the DOM

Packt Publishing Mastering React Native Book

Release January 2017

  • Teach front-end web developers how to create mobile applications for iOS and Android using React Native

General Assembly (2017)

Instructor: API Workshop
  • Teach students the basics of working with RESTful APIs

Redux Workshop (2017)

  • Create and teach customized workshop on using Redux and Redux middleware in React applications

Packt Publishing Mastering React.js Video (2015)

Technical Reviewer
  • Provide insight and assess technical accuracy of video content and offer suggestions to improve relevance for an audiences new to React programming

Syn By Design (2018)

Developer, Designer
  • Gatsby, Yarn Workspaces, CSS Modules

Education & Training

University of Maryland, Baltimore County
Catonsville, MD (2003)

Bachelor of Science Information Systems Management

Jamstack Conf
Online (2020)

JS Conf
Carlsbad, CA (2018)

Chain React Conference
Portland, OR (2017)

Scrum Alliance
Washington, DC (2017)

Certified ScrumMaster