Rebuilding My Website: From Next.js to Astro
A deep dive into modernizing my website: migrating from Next.js to Astro, cutting bundle sizes, and leveraging AI-powered migrations.
Read PostFrontend Blog Posts
Beyond the Basics: A Curated List of TypeScript Tricks for Better Coding
Type theory names are hard to remember, but some of them are very useful in practice. These are some types I've found useful in everyday TypeScript coding.
Read PostOpen Graph for Lazy Developers
A simple guide to Open Graph optimization for your website, including how to set up your meta tags and how to test your website's Open Graph data.
Read PostOptimizing PNGs for Size and Quality
A simple guide to optimizing images if you have a few images, and a lot of time.
Read PostHow to optimize bundles with webpack
Learn how to build the most efficient, optimal bundles by tuning webpack's splitChunks configuration.
Read PostBuilding a stunning table of contents that follows headings
How to build a table of contents that has a better user experience, using SVG paths and masks.
Read PostHow to get sticky elements to stick
Learn why your position: sticky element is not working, and the three techniques to use to make it work.
Read PostReact component patterns
Learn about the various design patterns to help you write better and more reusable React components.
Read PostWriting a JavaScript Codemod with JSCodeShift
Learn what is a codemod and how to write a JavaScript codemod with JSCodeShift to automate code refactoring at scale.
Read PostLessons learned from building a blog component system
Pitfalls and lessons learned from building this blog's component system. Walks through margins, inline code styling, full-bleed layouts and forms.
Read PostA glimpse into front end interviews
My experience with front end interviews, including their process, topics, questions and some more tips and tricks to help you get the role you desire
Read PostWhy building a front-end framework in Rust is hard
A look at what makes a front-end framework work and how Rust's ergonomics and constraints such as ownership makes writing one difficult.
Read PostThe most secure way to store JWTs
A new secure method that uses Service Worker to store JWTs in browsers instead of local storage and cookies.
Read PostHow lit-html works
Learn how the lit-html library works, and how it is different from virtual-dom libraries like React.
Read PostReact Hooks constraints explained
An explanation of why React hooks have limitations, such as why you cannot call them in an if-else statement.
Read PostCode Dive: babel-loader
A deep look into how the babel-loader library works to learn how you too can write a webpack plugin.
Read Post