Posts Tagged ‘front-end development’

Introduction The Context API in React allows components to share data with each other, even if they are not directly related. It helps avoid the problem of passing data through many components by letting components access shared data directly. It helps in preventing the prop drilling problem. Consider the diagram to represent a chain of […]

Welcome to case study on doing a lift and shift from Drupal to Sitecore 10.2 and SXA. In this article, we’ll talk about converting the CSS and Drupal-specific JavaScript. Let’s start with SXA Theme regarding CSS/SCSS and JS files. Here is a quick recap from the previous article for this series. We used the SXA […]

If you’re a front-end developer, you know that building and deploying your code can be a time-consuming process. But what if you could automate the entire process with just a few clicks? In this blog post, we’ll show you how to use a Windows shortcut to checkout the master branch, clean up your repository with […]

SSR in Next.js Next.js has become very popular recently because it is built on top of React. In addition, it has out-of-the-box features that are sometimes redundant to implement on React applications like server-side rendering, image optimization, Routing, and API Routes. Not like a typical React app, Next.js supports SSR out of the box. This […]

There is always the question that runs in the mind of developers, do I choose ternaries or logical && to use in React? Personally, I always prefer logical && over ternaries to handle the truth condition. Let me explain why. Just a few days ago, I was writing the following React code: import React from […]

Recently, I worked on one bug where GTM tracking was breaking for an embedded YouTube video with a custom play button. The video played perfectly fine on the click of the play button, but it was not getting tracked by GTM. I didn’t find anything wrong in the code, so I researched and found that […]

Site themes for a Sitecore SXA site determine the look, feel and interactivity of the user interface. Base themes, included by default in the Media Library, are intended to be leveraged as dependencies for one or more site themes. Base Themes are built on top of a set of core, third-party CSS and JavaScript libraries […]

Senior Sitecore Product Manager Adam Najmanowicz and Senior Sitecore Tech Evangelist Mark van Aalst gave an update on three key improvements made to the upcoming release of SXA. In addition to full JSS integration and a demo of a new, out-of-the-box filtering search component, Adam described changes made to the platform around the front end […]

When we first started working with the Flex samples provided by Twilio, the source code was provided in TypeScript. This provided a dev-time programming environment that I tend to prefer, even though I am far from a TypeScript expert. As Flex and the quick-start samples moved toward general availability, Twilio made the choice to switch […]

As Twilio Flex nears a general availability (GA) date, the team continues to iterate and fine-tune the Flex Quickstart. The Flex Quickstart provides configuration and code to quickly provision a new Flex project. We’ve been installing various versions of this since the summer. In the 0.12 and 0.13 versions, we’ve seen some interesting changes from […]

Modern websites need to support a good user experience whether they are displayed on the small screen of a mobile phone, a traditional desktop PC, or anything in between. To achieve this flexibility, most websites are now developed using a responsive web design. This allows the display of the site to adapt based on the […]

Critical Rendering Path is a sequence of steps the browser needs to go through to convert the most important HTML, CSS and Javascript into actual pixels on the screen. This also means we make the most important visual parts of our site load first instead of loading everything at once. In order to set up the appropriate […]