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 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
- 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.
- 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
- 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.
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
2007–2009
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
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
2005–2009
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.