Introduction React makes local state management simple, but things become different when the same data needs to be accessed by multiple parts of an application. This is common in OTT applications, where a single action such as pressing the Play button can affect playback status, Continue Watching, watch history, analytics, subtitles, and other UI elements. […]
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 […]
Smart TVs have become a major platform for consuming streaming and digital content on large screens. But building applications for TVs is different from building for desktops or mobile devices. Hardware capabilities vary widely, memory and processing resources can be limited, and users typically interact through remote controls rather than touch. React and LightningJS are […]
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 […]
“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 […]
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
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, […]
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 […]
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 […]