Apr 28Feature Flags in React Server Components with NextJS 13 and Split.ioReact Server Components are finally available in NextJS 13 when opting in the appDir experimental feature. In this article, I’ll show how to use feature flags in server side rendered pages, and in client side rendered components using NextJS 13 and split.io. Prerequisite: this assumes that you have a NextJS…React8 min readReact8 min read
Mar 21Human or AI, which is the best coder?Over the last couple of months, the office has been abuzz with conversations of AI-generated code. Our slack was flooded with messages from engineers volunteering to test drive a corporate license of Copilot. …AI6 min readAI6 min read
May 20, 2022Sharing React Query across micro frontends with single-spa and webpack module federationIn this article, I will show how to setup multiple micro frontends using single-spa and module federation. Each micro frontend will be using React Query to fetch and cache data. I will then demonstrate how multiple micro frontends can use the same QueryClient to share cached data. The purpose is…Single Spa8 min readSingle Spa8 min read
Oct 5, 2020Authoring a JavaScript library that works everywhere using RollupIn this article, we aim to create and publish a library that can be used, without any changes in the code, in both client side and server side applications. We need to fulfill the following use cases: The library is written in ES6+, using import and export keywords The library…Webpack7 min readWebpack7 min read
Sep 24, 2020You don’t need React to use JSXIn this article, we explain the new JSX Transform, and how to use JSX without React. — The official React blog does not get many updates, so a new post is always attention worthy, but this week’s post, Introducing the New JSX Transform, could be a much bigger deal than it seemingly appears. In this post, Luna Ruan announces a new JSX Transform, and one of the…Babel6 min readBabel6 min read
Aug 14, 2020Member-onlyBeware of “Algorithm Interview” articlesI received an email digest from a popular blogging platform which included after the first few serious and news worthy links some more click-baity content. The article that caught my eye is titled something along the lines of “Questions and Answers to Algorithm Interviews”. In my experience, with few exceptions…JavaScript5 min readJavaScript5 min read
Feb 15, 2020Using environment variables in a React applicationIn this article we’ll see how to use environment variables in a React application. Specifically, we’ll look at two kinds of environments variables: Build time variables: these are variables that are provided when the application is compiled (typically when npm run build is executed). In our example, we’ll pass to…6 min read6 min read
Feb 8, 2020Adding GraphQL to a RESTful APIJune 2021 update: while some of the content of this article remains accurate (and hopefully useful), it is a bit of a contrived example. It assumes that there is an existing REST api running on Express that needs to be maintained, while also exposing a GraphQL endpoint. In reality, a…GraphQL11 min readGraphQL11 min read
Jan 27, 2020Adding a Redis cache to an Express appRedis is, according to its own website, “an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker”. In other words, Redis can be used as a blazing fast cache, and it’s dead simple to use. Let’s use as an example a simple Express…Express3 min readExpress3 min read
Jan 22, 2020Ternaries make code difficult to read and maintain.Clean code is code that is easy to understand, easy to review and easy to change. Ternaries, especially as one line functions, are rarely any of these things. Let’s write a function that returns whether an integer is positive or negative. This can be simply and quickly written as is: …2 min read2 min read
