Using Web Components With React.js

React and web components are complementary technologies that can help us build a more modular, future-proof frontend. Discover when you might choose web components over React and how to use them together. React.js is a JavaScript framework used to build complex frontend applications. It provides convenient methods for managing state (i.e. memory) and lays out … Continued

AEM Image Processing and Best Practices

Objective Objective of this document is to define the out of the box Image renditions and processing concepts in AEM and compare with the Image Transformation process using ACS (Adobe Consulting Services) commons library. Its pros/cons are also listed. Image Renditions vs Image transformations In Image renditions separate images are created and stored in DAM … Continued

Google Maps JS Implementation Tips

Google’s Maps Platform is undeniably one of the most widely used technologies. And in supporting web applications, Google’s Maps JavaScript API is one of the most popular used throughout. I’ve aggregated various thoughts, opinions, and tips with regards to Google’s Maps JavaScript API:

Debug Adobe Launch on Any Browsers with Charles

When managing code with Adobe Launch, it’s critical to be able to test changes before publishing. To make sure changes work as expected in a production environment, it’s helpful change the Launch library, allowing you to see how your dev or stage library will work on your production site. There are some great tools like … Continued

How we helped a lottery, Win (Part 2)

Continued from Part 1… Application Setup and Deploy:  The Player exclusion spring-boot microservices will run on Docker container-based Linux instances. It will use Azure DevOps toolchain (Azure Boards, Repos, Pipelines & Artifacts) for its software development & delivery lifecycle.  Azure DevOps will handle Application deployments in an automated manner to provide a streamlined error-free development lifecycle.        The Application Code will be hosted in Azure Repos. … Continued

Unified Customer View – Approach

Understanding customer behavior plays a vital role in the modern digital marketing world to ensure success in any digital initiative.  There is no other proven source or tool to understand customers than a Unified Customer View that provides a 360-degree view of the customer including demography, buying behaviour, activity history, product preferences, etc. The problem … Continued

Setup Storybook for AEM

Storybook is an open source tool for developing UI components with various technologies, including AEM. It allows frontend developers to develop components in isolation and it captures functional test scenarios for each component. Let’s find out how to setup a new project created with the AEM Project Archetype for use with @storybook/aem. These steps will … Continued