React

ChatGPT vs. Bard vs. Bing: Who aces the React test?

We make ChatGPT, Bard and Bing write a simple yet tricky React app and see who wins this battle of…

2 years ago

React Server Components vs. Server-Side Rendering

React 18 introduced a completely new paradigm to the frontend realm in the form of React Server Components (RSC). Next.js…

2 years ago

Fixing exhaustive-deps warning in some common use cases

Let's look at how we can adapt the right mental model of useEffect to fix the exhaustive-deps warning.…Read More

2 years ago

You might be using useEffect wrong the whole time

I had a tryst with the eslint exhaustive-deps rule recently. It made me go down the rabbit hole and realize…

2 years ago

useTransition and useDeferredValue in React 18

useTransition and useDeferredValue are two new hooks React introduced with React 18 earlier this year. These two hooks make use…

2 years ago

Call a child component’s method from its parent in React

Invoking a parent component’s method from a child component is pretty straightforward in React. We can do it by passing…

3 years ago

Implementing a timer using React

Implementing a timer using React might seem straightforward until you actually try to implement one. This seemingly run-of-the-mill task can…

3 years ago

How we built a frontend app for WSO2 Identity Server with React

WSO2 Identity Server has always been known for its technical brilliance and feature richness. But that wasn’t enough to satiate…

4 years ago

CICD for frontend with Firebase and GitHub Actions

GitHub Actions has made CICD easy. Couple it with the free hosting service offered by Firebase, you have a fully…

4 years ago

Prevent useEffect’s callback firing during initial render

React’s useEffect hook has indeed made life a lot easier. But there are times when you would most certainly miss the fine-grained…

4 years ago

Jest for a Typescript-based React app

I recently had to install and configure Jest in a React app written using Typescript and ran into quite a…

5 years ago

Fix React Issues in Lerna using Yarn Workspaces

Lerna comes to our rescue when we are to manage multiple inter-dependent packages within a repository. Have a package that…

5 years ago