Micro-Frontends, where you take large UI components and live share them between applications, have huge potential, but the mechanics of implementing them can get in the way of realizing that value. …

So, dealing with the double-render issue in React 18 has finally gotten you to use an API handling library like react-query or SWR. Awesome! But did you know you can get more out of that 12Kb (or 4Kb in the case of SWR) than just API fetching? …

So you’ve upgraded to React 18, enabled strict mode, and now all of your useEffects are getting called twice. Which would normally be fine, but you have API calls in your useEffects so you’re seeing double traffic in development mode. Sound familiar? …

With the move to NodeJS we lost the architectural pattern of creating pluggable applications. Java application servers can be configured at runtime to override pluggable elements, like database drivers, etc. Can we get there with NodeJS? Yep! …

So you want to use TypeScript in your React application, but even the hooks are giving you grief. Well, let’s get you comfortable with how to use TypeScript typing with those hooks and get you on your way. This article is meant to supplement the excellent React TypeScript Cheat Sheet…

Here is an interesting question; are the types in your TypeScript project enough documentation, on their own, to allow someone to learn the library? That was the question I asked myself when I saw the Amazon had released a React UI library for AWS. They only released the code and…

Vue 3 is a fantastic platform for creating Micro-Frontend components. And there are great frameworks out there to help with that, such as SingleSPA and OpenComponents. Unless you plan on integrating your Vue components into applications that use a different framework you simplify your architecture dramatically by Webpack 5’s Module…

So you want to use useState and useContext as a state management solution, but every time the value of the context provider changes the entire tree gets re-rendered. …

This recipe is based on this excellent article, but with adjustments to make it work with React 17. First let’s create a CRA React app: npx create-react-app tw-test 2. Next install all the Tailwind, twin.macro, and emotion libraries: yarn add tailwindcss twin.macro @emotion/core @emotion/styled @emotion/react 3. Next up, we initialize…