Rendering large lists with react-window
If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It’s a windowing library by Brian Vaughn that renders only the ...
Blog
You can find my latest AI engineering articles on Substack, leadership on LeadDev, or browse my topic guides and personal blog posts below.
Personal Blog
Disallow large imports from JavaScript projects
Are there known large JavaScript dependencies your team wish they could disallow from a project? Good news! ESLint supports disallowing specific imports from projects using the ...
JavaScript Loading Priorities in Chrome
How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence sc...
Exploring a back/forward cache for Chrome
bfcache creates a cache allowing for instant navigations to previously-visited pages.
The Cost Of Client-side Rehydration
Learn about approaches to reduce the cost of rehydration in server rendered experiences
Web Page Usability Matters
Learn about why modern web performance metrics matter
Speed up next-page navigations with prefetching
Learn how to speed up next-page navigations using prefetching
Shine a light on JavaScript performance with Lighthouse
Use Lighthouse to detect opportunities to reduce the cost of JavaScript to your user experience.
Adaptive Serving using JavaScript and the Network Information API
Learn how to adaptively serve content based on the user's effective network connection type
Start Performance Budgeting
Building a web experience and want to stay fast? Performance budgets are critical for success.
Personal software
Exploring how AI and modern tools are democratizing personal software development, making it accessible to everyone.
Offline installation of npm packages
Occasionally, you may need to install npm packages while offline. This could be due to a flaky network connection, being on a flight or during a workshop. Getting this working h...
Getting started with Progressive Web Apps
There’s been much welcome discussion about Progressive Web Apps lately. They’re still a relatively new model, but their principles can equally enhance apps built with vanilla JS...
Instant Loading Web Apps With A Service Worker Application Shell Architecture
Application shell architecture is a method of building progressive web apps today, taking advantage of a range of technologies.
Exploring The ES Decorators Proposal
Iterators, generators and array comprehensions; The similarities between JavaScript and Python continue to increase over time and I for one could not be more excited. Today we’r...
Auto-formatting JavaScript code style with JSCS
In my write-up on medium.com, I look at the powerful new auto-formatting feature in JSCS for automatically applying style guide rules in scripts. This has been in-development fo...
Chrome DevTools: State Of The Union 2015
As the complexity of the web apps you build keeps moving, so do the Chrome DevTools. In DevTools State of the Union, I walk through the latest updates on your favourite debuggin...
JavaScript Application Architecture On The Road To 2015
In my new write-up on Medium, I look at the state of application architecture in the JavaScript community as we ebb our way towards 2015. In it, I talk about composition, functi...
~199 slides on Front-end Tooling Workflows
View slides on SpeakerDeck
Explorations In Automatically Fixing JavaScript Linting-errors
Linting is a common step in our JavaScript iteration workflow. Most developers probably use JSHint (or ESLint) for this purpose. However, when a tool is capable of informing you...
Substack
Future-proofing your Software Engineering career
Practical strategies for engineering careers in the future
The 70% problem: Hard truths about AI-assisted coding
A field guide and why we need to rethink our expectations
User-centric engineering
Engineering with user empathy is the foundation of great products
There is no right time. Just time and what you do with it.
How to thrive in imperfect conditions
Comparison is the thief of joy
Navigating comparison with mindfulness
Focus on what you can control
Actionable advice for empowerment
10 lessons from 12 years at Google
My lessons learned along the way.
LeadDev
Grow your influence like a leader, not a boss
Extending your influence past your immediate circle isn't as straightforward as you'd like to hope. But there are a few strategies you can employ to help.
How to build an effective technical strategy
Building a tech strategy requires a lot of moving parts. Learn about what routes to take and whether decisions should be top-down.
How to keep up with tech trends and upskill sustainably
With so many developments in the tech world it's difficult to keep up. Here are some strategies to stay on top of your upskilling.
Navigating competing priorities as an engineer
How can you prioritize when everyone's ask is an urgency and you don't have time to fit it all in?
Managing the chaos of context switching
It's time to examine the good, the bad, and the very ugly elements of context switching. Even better, we'll take a look at some strategies for managing it.
Focus on outcomes over outputs
Software engineering teams should focus on outcomes over outputs to deliver the best user and business value.
What makes an effective software engineer?
Being a good software engineer is not necessarily the same as being an effective one. Here, Google's Addy Osmani identifies the ten key traits of effective software engineers.