My Blog Posts

Building Reusable Components in Bit

ReactJS is a widely used JavaScript library for building user interfaces. It follows a declarative and component-based approach, making it ideal for developing interactive web applications. With React, developers can create reusable UI components and efficiently update and render them as the underlying data changes.

Image Optimization In React JS With Blur Hash

Images can be large files, especially if they are high quality or high resolution. When a web page loads, the browser has to download all of the images on the page, which can take time. Additionally, if images are not optimized for the web, they can be even larger than necessary, which makes them take even longer to load.

Implementing GraphQL with Type Safety in Next.js 14 App Router

Recently, I was working on a Next.js project where I tried to integrate Strapi’s GraphQL API with a Next.js 14 app. I was frustrated because there wasn’t any specific official documentation to help with integrating GraphQL