Yes, I firmly believe that microfrontend is a game-changer in Web development. Microfrontend enables the independence of development and deployment of Web apps while maintaining a fast, cohesive user experience. Problem with today’s architecture A large web app/site is typically divided into several sub-apps based on the URL path. For example, site.com/home and site.com/marketing…

Although React and other Web frameworks make it easier to share components, sharing doesn’t happen by default. Challenges still exist, especially at an enterprise level, which demands extra efforts to coordinate among teams working on various products across organizations. In reality, even discovering components created by other teams is hard. …

Problem A great advantage of GraphQL is you can colocate GraphQL query with React components. For example, Here in the component we get data from GraphQL query (using Apollo query hook), and are immediately able to render it. It is sweet because it is clear what data the component requires…

When I first heard JAMstack, or “static app” over a year ago, I was confused. What does it mean to be “static”? Does it take “dynamic” server data and “dynamic” user input? I made my biggest courage and threw our these questions in our internal slack channel. …

CSS is not fun to me personally. But the css-in-js solution provided by tools like emotion and styled-components makes it a lot more fun as I feel I am developing a react component with all props available beyond simply css. I like both emotion and styled-component. Albeit that they implement…

Most people today use modern browsers, yet we still have a small but important percentage of traffic from legacy browsers like Internet Explorer. There are two things modern browsers can do but legacy browsers cannot. First, modern browsers support many new syntax offered in ES2015+, such as ES module import…

If you find this post useful, don’t forget to give me your 👏 (s) and follow me on twitter https://twitter.com/imDongCHEN Problem If the same module is listed both as a dependency of an application and one of its dependencies’ dependency, but their listed version is different, how would npm handle the…

These four tips are lessons I learned recently. Just want to share in case you find it useful. Tip One: Use conditional rendering as first choice When a component is only rendered in some condition, you can either do conditional rendering Or use class name /css to toggle hiding of the component Usually we should use…

This post discusses a usage pattern of middleware in Node.js, and my thoughts on its pros and cons. I’ll start with a brief introduction to the concept of middleware. If you are familiar with middleware, you can jump to [Con of middleware] What is middleware