Derek Misler


Software Engineer & Occasional Designer

Derek is a front-end engineer and design enthusiast, dedicated to creating accessible and engaging web experiences with a keen eye for UI/UX and typography. This website showcases over 15 years of creating accessible, high-quality web applications and designs that blend functionality with aesthetics.

This Is Derek


Derek's passion lies in making the web a more efficient, accessible, and welcoming space. His graphic design education coupled with freelance work building websites for small businesses in his town, allowed him to blend his eye for design with his love for front-end development.

The career experiences listed below span a broad range of web, desktop and mobile, and native app development languages. They have given Derek a diverse, well-rounded education. Along with a robust background in design, substantial UI/UX experience, and an extensive knowledge of typography, Derek's experience and education have made him a uniquely capable front-end software engineer.

Skills

  • A11y
  • CSS
  • CSS-in-JS
  • Cypress
  • Jest
  • Next.js
  • Node.js
  • RTL
  • React
  • React Native
  • TypeScript
  • Angular
  • DevOps
  • Flask/Python
  • I18n
  • Django/Python
  • PHP
  • Ruby/Rails

This Is Derek's Experience


Patreon


Senior Software Engineer


Full-time/Hybrid
2021Present
New York, New York
Link

  • Senior engineer on the front-end platform team with a focus on our large-scale front-end architecture migration from a Flask/React multi-page app and an in-house server-rendering service to Next.js.
  • Led the front-end development of the migration, and partnered with the BE platform and infra teams, resulting in an immediate 55% decrease in LCP, the primary metric used for the project’s KRs.
  • Developed a pattern that enabled our team to migrate features incrementally without blocking others.
  • This included feature flag support for percentage-based rollouts, error alerting with Pager Duty/Sentry/Slack, and DataDog dashboards for monitoring.
  • The migration also included setting up scheduled QA sessions with all product teams, to facilitate knowledge sharing and developing all comms, including regular status updates for both upper management the engineering teams.
  • Spearheaded best practices in front-end development, like Typescript adoption, linting, and documentation.
  • Integral in the migration from Enzyme and very few automated tests, to React Testing Library and Cypress for a full suite of integration, e2e, and smoke tests.
  • Collaborated with cross-functional teams to streamline the development process, which included the ability to run those e2e and smoke tests in development and on PRs, instead of as the last step in the deploy.
  • Mentored junior engineers and interns, contributing to their professional growth and team cohesion.
  • Designed and led “Front-End 101” on-boarding sessions for all new engineers.
  • Played a key role in adopting industry-leading front-end technologies for better developer productivity and maintainability.
  • Essential in the migration away from Redux to Jotai.
  • Also, the developer of accessible form elements and validation, integrated with our component library (including React Hook Form to manage form state).

Cadre


Lead Software Engineer


Full-time/Remote
20202021
New York, New York
Link

  • Refactored and combined a decoupled SPA and third-party marketing site into a Django/React web app.
  • Migrated fragmented codebases to a monorepo.
  • Developed a custom server rendering configuration for our marketing site with Webpack, React, and new Node service.
  • Technical lead and developer of our internal component/design pattern library.
  • Contributed to the open-source component library that inspired our own component library (Base Web).
  • Lead/mentored teams of full-stack engineers across multiple projects, using both Agile and Shape Up methodologies.

Transfix, Inc.


Staff Software Engineer


Full-time/Hybrid
20162020
New York, New York
Link

  • First front-end engineer
  • Rebuilt our Android and iOS apps using React Native.
  • Refactored web app from Rails, to Aurelia (a terrific JS framework), and finally landing on React/Redux.
  • Refactored our public site from Wordpress to Jade, a great (but extinct) static site templating language, and then eventually to 11ty.js.
  • Developed an internal library for creating web (React/Redux) apps, mobile (React Native) apps, and shared modules (NPM).
  • Brand-new CI/CD pipeline (CircleCI).
  • Created standards for networking configurations, CSS and JS syntax linting, and automated testing.
  • Developed our web networking standards, using AWS tools, including all of our deployment configurations, client-side security, and multi-region failover.
  • Technical lead on the creation of our internal component/design pattern library.
  • Grew a team of cross-functional engineers and designers to continue the front-end and mobile work.

Asheville Convention & Visitors Bureau


Web Manager& Developer& Photographer


Full-time
20112016
Asheville, North Carolina
Link

  • Lead and primary developer of our entire web presence.
  • Created our first mobile site and responsive blog theme within a .NET-backed codebase.
  • Redesigned and refactored our marketing site twice, first with Coldfusion and later with Node/MongoDB on the back-end and a custom JS templating language, Goatee, on the front-end.
  • Oversaw design aspects of all print- and web-related assets for our various marketing campaigns.
  • Primary data analyst for all marketing campaigns, including capturing and segmenting demographic data to drive future campaigns.
  • Lead developer and designer of two long-form, media-rich, highly interactive, award-winning web applications with our Node back-end and AngularJS front-end.

Houser Shoes, Inc.


Developer& Designer& Photographer


Full-time
20102011
Fletcher, North Carolina
Link

During his time at Houser Shoes, Derek was part of a 3 person team that redesigned their e-commerce website. We also created a custom CMS based on Magento, which utilized primarily PHP and MySQL and was tied to their inventory and accounting systems. Photography is a part of Derek's design background, so he was also made lead product photographer. Many hours were spent taking and editing and uploading photos of shoes. Just so many shoes. Derek was also in charge of the email marketing program, including all of the design and implementation of each campaign, as well as the analysis of the results after each campaign.

Precision Printing


Designer& Printer


Part-time
20072009
Boone, North Carolina

Though this isn't web-related, Derek's experience working in a print shop can be seen in his work as a developer. When a job consists of tens of thousands of prints, the whole process requires an extremely detail-oriented approach, efficiency, and communication among all members of the team to ensure there weren't making mistakes that would cost the company a lot of time/paper/ink/money to fix.

The Appalachian Newspaper


Designer& Developer& Photographer


Part-time
20062008
Boone, North Carolina
Link

Derek worked with an intern to establish an online presence for The Appalachian newspaper, while still maintaining his role as the lead graphic designer.

Appalachian State University


Graphic Design


BFA
20052009
Boone, North Carolina

Derek chose to study graphic design in an arts department. He already had a grasp on front-end web development techniques and continued to study them during this time, but the curriculum path he chose focused on web design while also teaching color theory, typography, and layout design in a group setting. Outside of designing for the web, Derek also had the opportunity to learn Flash/Actionscript game development.