# Daine Mawer

> Staff Engineer at Fueled, based in Cape Town, South Africa. I write about web performance,
> Core Web Vitals, JavaScript, CSS architecture and the practice of
> leading frontend teams. Articles are technical, first-person and based
> on production work.

Author: Daine Mawer
Role: Staff Engineer at Fueled
Location: Cape Town, South Africa
Canonical: https://dainemawer.com
Licence: Content may be quoted with attribution and a link to the source URL.

## Topics

- [Web Performance](https://dainemawer.com/topics/performance.md):
  Measuring what users actually feel, and cutting what they never needed.
- [JavaScript](https://dainemawer.com/topics/javascript.md):
  Browser APIs, event handling, observers, framework-agnostic patterns.
- [CSS](https://dainemawer.com/topics/css.md):
  Custom properties, positioning, Baseline and interoperability.
- [Engineering Management](https://dainemawer.com/topics/engineering-management.md):
  Estimation, scoping, team process.

## Articles

- [Leading With AI: What Helped Me Through the Hard Parts](https://dainemawer.com/leading-with-ai.md):
  Published 2025-10-05. How I used AI through the Monocle.com rebuild.
- [The Rise of No-Code and Low-Code in Frontend Development](https://dainemawer.com/no-code-low-code-frontend.md):
  Published 2025-01-15. Benefits, challenges, and the role of AI.
- [Using CSS Custom Properties with Fallbacks for Efficiency](https://dainemawer.com/css-custom-properties-fallbacks.md):
  Published 2024-05-06. Less boilerplate, fewer surprises.
- [What Is Google Baseline and Why Does It Matter?](https://dainemawer.com/what-is-google-baseline.md):
  Published 2024-04-28. Interoperability across browser vendors, explained.
- [How to Determine When a Sticky Element is Stuck in JavaScript](https://dainemawer.com/determine-when-a-sticky-element-is-stuck.md):
  Published 2024-03-14, updated 2026-02-09. A small JavaScript function for the pseudo-class CSS never gave us.
- [Mastering Task Estimation with the FATE Framework](https://dainemawer.com/mastering-task-estimation.md):
  Published 2024-03-12. Accurate timelines, and a happy client.
- [Enhance Your React App's Scalability with Storybook and Chromatic](https://dainemawer.com/react-scalability-storybook.md):
  Published 2024-02-05. Component libraries and visual regression testing.
- [Understanding Chrome's Coverage Panel](https://dainemawer.com/understanding-chromes-coverage-panel.md):
  Published 2023-11-27. Leveraging its insights to optimise performance.
- [Setting Up Next.js with a Component Library Using Monorepos](https://dainemawer.com/nextjs-component-library-monorepo.md):
  Published 2023-11-20. A component library, Storybook, and Next.js, all in one workspace.
- [10 Techniques for More Effective Code Reviews](https://dainemawer.com/effective-code-reviews.md):
  Published 2023-02-21. Practical ways to make code review less painful and more useful.
- [4 Tips for Properly Using the Return Statement in JavaScript](https://dainemawer.com/using-the-return-statement.md):
  Published 2023-02-13. A few rules that keep return statements from causing quiet bugs.
- [Enforcing Consistent Commit Messages with CommitLint](https://dainemawer.com/leveraging-commitlint.md):
  Published 2023-01-19. A style guide for commits, and a hook that actually enforces it.
- [5 Frontend File Architectures for Better Code Organization](https://dainemawer.com/frontend-file-architectures.md):
  Published 2023-01-18. Flat, hierarchical, modular, component-based, and feature-based, compared.
- [How to Motivate and Inspire Individual Contributors](https://dainemawer.com/motivate-individual-contributors.md):
  Published 2023-01-09. Five things that actually move the needle, beyond an annual review.

## Optional

- [Full archive](https://dainemawer.com/)
- [RSS](https://dainemawer.com/rss.xml)
- [About](https://dainemawer.com/about.md)