Category
Sort By
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 it over useEffect. ...
Front End Development, React.js
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...
Front End Development, React.js
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...
Front End Development, React.js
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...
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...
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...
Introduction Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. It makes it easy to manage your marketing content and assets. One of the powerful features of AEM is the Single Page Application (SPA) Editor, which allows developers to create more fluid and...
React Hooks are the feature that was introduced in React version 16.8, allowing us to use state and other class components features in our functional components. Out of all the hooks introduced, there is one salient hook named the UseEffect. The useEffect hook is a boon for the functional components. It basically allows us to execute...
TechFluence, 2018 is a community-driven technology conference organized by TO THE NEW on 24th March 2018 in Crowne Plaza, New Delhi. We have been organizing GrailsConf, an independent series of global conferences with a complete focus on Groovy, Grails, Gradle and the related technologies from last 5 years. This year we decided to...
Product companies have evolved over the last few years. While some years back, the focus was on going to market with the best features, the game has shifted to user experience today! With multiple products launching similar functionalities, it is very difficult to stand out against the competitors with features alone. It is the intuitive...
Technology has empowered customers with a plethora of choices when it comes to interacting with a brand. A single interaction with a customer can change the customer’s perception, making it essential to provide them with a great end-to-end experience. Nowadays, companies are launching multiple digital initiatives to reach out to the...
