Blog
Notes on design systems, frontend engineering, and the parts of the craft that do not show up in a Figma file.
·9 min read
Your components know too much
The discipline isn't fewer components or fewer props. It's components that know less.
#design-systems#component-architecture#frontend#react#typescript#atomic-design·10 min read
Navigating the AI Ecosystem as a Senior Engineer
A practical approach to selecting AI models, IDEs, and CLI tools in the rapidly evolving agentic development landscape.
#ai#developer-tools#claude#agentic-ai#engineering·3 min read
A Bug Bash and a Trophy 🏆
Built a competitive leaderboard using Claude Code to drive engagement in our team's monthly bug-squashing initiative, resulting in a 154% increase in pull requests.
#claude-code#bug-bash#github-automation#leaderboard#shopify·2 min read
How I used Claude Code to crush flaky tests
Leverage GitHub workflows and Claude Code to automatically detect and fix flaky tests, eliminating tedious debugging work and improving CI reliability.
#claude-code#flaky-tests#github-actions#ci-cd#test-automation·5 min read
What's New in Create React App 2.0
Facebook's Create React App 2.0 brings powerful features like Sass support, Babel 7, Webpack 4, and SVG component imports, making React development faster and more efficient.
#react#create-react-app#javascript#web-development#frontend·7 min read
Is WebAssembly Really the Death of JavaScript?
WebAssembly is a binary instruction format for fast, compiled code on the web. Despite predictions of JavaScript's demise, the two technologies serve different purposes and will likely coexist.
#webassembly#javascript#web-development#frontend#programming-languages·6 min read
Thinking About React, Atomically ⚛
Explore how Brad Frost's Atomic Design principles can improve React application architecture by breaking UIs into simple, reusable components.
#react#atomic-design#component-architecture#javascript#ui-development·7 min read
Folder Structure in React Apps: And How to Make Them Scale
Explore how major companies structure their React applications to scale effectively. Learn recommended patterns from React and Redux to organize your codebase.
#react#redux#folder-structure#javascript#code-organization·6 min read
Getting Started With Redux-Saga
Learn how to handle side effects in Redux applications using redux-saga, a powerful middleware that leverages JavaScript generators for predictable, testable asynchronous logic.
#redux#react#side-effects#javascript-generators#state-management·5 min read
Women In Tech. Where are they?
Women comprise only 26% of the tech industry despite making up 57% of the professional workforce. Explore the barriers preventing women from pursuing careers in technology and solutions to increase representation.
#women-in-tech#gender-diversity#stem-education#tech-careers#workplace-bias·4 min read
Jest vs Mocha: Which Should You Choose?
A comparison of two major JavaScript testing frameworks—Jest and Mocha—to help developers choose the right tool based on their project needs and requirements.
#javascript-testing#jest#mocha#react-testing#test-frameworks