JS

Error Monitoring in Next.js Using Rollbar (Beginner Guide)

Introduction Applications can fail in a lot of different ways – API failures, UI errors, server issues, or incorrect input from a user. When something goes wrong in a production environment, it can be difficult for people to replicate the error in their local environment. To address the above challenge in development, teams can use […]

Media & Entertainment

LightningJS vs React: Building Faster, Smoother Smart TV Apps

Introduction Smart TVs are becoming a dominant and only mode for content consumption on big screens, and developers face unique challenges when building applications for these devices, as there are multiple screen sizes and multiple models from different vendors. Two popular approaches are using React and LightningJS, a framework purpose-built for Smart TV applications. While […]

Vikas Sharma
Vikas Sharma
Read

JS

Handling Large File Uploads in React: The Multipart Upload Approach

In my last project, I ran into a problem: how to handle large file uploads in a React app. The single request file upload wasn’t working for files over 100MB. Network instability, slow speeds, and interruptions caused failed uploads and a bad user experience. That’s when I looked into multipart file uploads—a technique that involves […]

JS

Data fetching in ReactJS/NextJS with useSWR

“Steve Jobs once said, ‘Innovation distinguishes between a leader and a follower.’ The same applies to web development.” So let’s go beyond useEffect and learn a new way of data fetching using useSWR. Before diving deep into the working of useSWR you first need to understand what useSWR is and why you need to use […]

Mohd Ashraf
Mohd Ashraf
Read

Front End DevelopmentReact.js

Unleashing the Power of Components: React for Dynamic Web Apps

Understanding React.js: React.js is an open-source JavaScript library maintained by Facebook and a community of developers. It is primarily used for building user interfaces (UIs) for single-page applications. React.js follows the component-based architecture, where UIs are composed of reusable and self-contained components. Core Features of React.js Component-Based Architecture: React.js encourages breaking down the user interface […]

Front End DevelopmentReact.jsTesting

Getting started with Jest : A beginner’s guide

In the always growing web development world, ensuring the reliability and stability of your application is significant. Testing our Web applications is crucial for quality control and catching bugs early in the development process. Jest is an exciting JavaScript testing framework that has become a popular choice for testing React applications due to its simplicity, […]

Front End DevelopmentReact.js

Understanding WebSockets with Socket.io

Introduction to WebSockets  WebSockets is a communication protocol that enables real-time bi-directional connections between server and client. It provides the ability to the server to provide updates to the client without the client explicitly requesting the server. WebSockets work internally by upgrading the HTTP connection to a WebSocket connection. This Upgrade header signifies the WebSocket […]

Adobe

AEM with NextJs RemoteSPA: A Comprehensive Integration Guide

Welcome to our comprehensive guide, where we illuminate the process of updating a Remote Single Page Application (SPA) – operating independently of AEM – to seamlessly consume and deliver content authored within Adobe Experience Manager (AEM). Throughout this blog, our focus centers on the local setup of an AEM instance and a Next.js application, as […]

Mayank Kumar
Mayank Kumar
Read

Front End DevelopmentMEANNode.js

Future of MERN Stack?

Introduction MERN stack technology is a popular technology stack used by many developers worldwide. MERN is an acronym for four powerful technologies, including MongoDB, ExpressJS, ReactJS, and NodeJS. This technology stack is known for its ability to build fast and robust web applications. It is no surprise that the MERN stack is gaining popularity among […]