The anatomy of shadcn/ui Styling components has always been a hustle. But many things have changed to the better with advent of Tailwind CSS. It simplifies the process of creating headless components. The article gives a few examples of such components and gives an overview of tools simplifying the process.
Understanding Execution Context and Execution Stack in Javascript I feel it’s good to revisit the basics from time to time. This article brings clarity and structure when it comes to JavaScript internals. In my view it’s beneficial to know how things work under the hood in order to understand closures or mechanics of “this” bindings.
Understanding micro frontends Microfrontends became popular over the past years. They allow you to solve organizational problems by splitting teams and dedicating each team they own are of work. With microfrontends you can ship different parts of the app at different pace on different schedule. But have you thought of the drawbacks and price you’d need to pay down the road with this approach? I liked this article because author focuses on the challenges like versioning of dependencies, overall increased bandwidth and latency for the end user, the need of governance and oversight.
Using requestIdleCallback requestAnimationFrame() and requestIdleCallback() allow us to schedule changes properly to maximize the chances of hitting 60 fps / second and providing smooth UX. This two methods are essential for many UI libraries like React. Article gives you a good idea of what requestIdleCallback is and when you should utilize it to your benefits.
Inside look at modern web browser If you’ve ever been interested in how browser renders the DOM this article is for you. It’s a multi stage process with a lot of complexities on every level. Knowing how it works will help in creating smooth UI especially if it involves animation.