Building Web Applications with React

React has become the go-to library for building modern web applications. Encapsulating application logic into reusable components, carefully managing rerenders and interactivity with hooks, and leveraging the power of the virtual DOM for efficient updates are just a few of the reasons why React has become so popular. In this collection, I share some of my experiences building web applications with React.

Feb 11, 2024

Building outstanding rich-text experiences with ProseMirror and React

Rich-text editors power knowledge-sharing and content creation on the web. Back in the day, WYSIWYG editors for building blogs and submitting comments on websites were all the rage. Nowadays, products like Notion lead the way in simplifying the editing experience while enabling powerful use cases. If the editor works, we rarely think about what’s happening under the hood....React, Frontend, ProseMirror

Aug 30, 2023

Building Canvas-Based Web Applications

In case you didn’t see the news, I recently launched Gradients & Grit, a new publication at the intersection of software engineering, AI, and UX. In our first issue, we introduced PromptCanvas, an interactive spatial prompt experience. As the name says, building PromptCanvas involved building a canvas interface similar to what users have come to know from products like Figma, Miro, and other design and collaboration tools in the space....Gradients & Grit, Systems Architecture

Dec 04, 2022

Building delightful React applications has never been easier

React has been out in the open for almost a decade now, and the ecosystem has grown exponentially. Pretty much every large company uses React for parts of their stack, and few competing frameworks have come close to attracting a similar market share....Frontend, React, Next.js

Mar 23, 2021

Visualize Regressions with Playwright Video Recording

When you're building a web application, you likely want to make sure the most important features don't break when you change business logic. Testing manually isn't feasible when you perform changes often or work with a team that does. For these cases, you'll require a framework for creating tests that ensure your application keeps working for your users....Playwright, End-to-End Testing, Browser Testing