An accordion is a UI element that displays content in a compact, space-saving way. It lets users expand or collapse sections, making it a great choice for FAQ sections, menus, or any content that can be organized into collapsible panels. In this guide, we’ll show you how to implement a simple accordion using HTML, CSS, […]
Front-End Development
Implementing a Fuzzy Search in React JS Using Fuse.JS
When setting up client search, we usually rely on string comparison methods like indexOf, contains, etc. These methods work fine, but in real-life situations, users may search using incorrect spellings, jumbled sentences, and so on. Fuzzy Search helps us solve these issues. Fuzzy Search Fuzzy Search, also known as Approximate String Matching, is a technique […]
TypeScript Type Manipulation with keyof, typeof, and Mapped Types
TypeScript offers powerful type manipulation capabilities that allow developers to create more flexible and maintainable code. Three key features that enable this are keyof, typeof, and Mapped Types. Let’s explore each of them with examples. keyof: The keyof operator takes an object type and produces a string or numeric literal union of its keys. Example: This is […]
Disabling Cookies in Sitecore SDKs
Intro 📖 In this post, we’ll take a look at a couple Sitecore SDKs commonly used to build XM Cloud head applications. Specifically, we’ll be looking at how to disable cookies used by these SDKs. This can be useful for data privacy and/or regulatory compliance reasons. These SDKs allow your application to integrate with other […]
Optimizely Configured Commerce and Spire CMS – Figuring out Handlers
I’m now a couple months into exploring Optimizely Configured Commerce and Spire CMS. As much as I’m up to speed with the Configured Commerce side of things (having past experience with Customized commerce), the Spire CMS side is a bit daunting, having worked with traditional Optimizely CMS for a while. We face challenges in figuring […]
Using TypeScript with React: Best Practices
Nowadays, TypeScript has become the first choice for building scalable and maintainable React applications. By combining the approaches for static typing with dynamic capabilities of React, TypeScript enhances productivity, improves the readability of code and reduces the runtime errors. In this blog, we will explore best practices for using TypeScript in React projects, covering type […]
Remix vs. Next.js: A Comprehensive Look at Modern React Frameworks
In the ever-evolving landscape of web development, choosing the right framework can significantly impact the performance and user experience of your applications. Two of the most prominent frameworks in the React ecosystem today are Remix and Next.js. Both are designed to enhance web development efficiency and performance, but they cater to different needs and use cases. In this […]
Navigating the Landscape of Development Frameworks: A Guide for Aspiring Developers.
Nine years ago, I was eager to be a developer but found no convincing platform. Luckily, the smartphone world was booming, and its extraordinary growth immediately caught my eye. This led to my career as an Android developer, where I had the opportunity to learn the nuances of building mobile applications. The time I went […]
Ramp Up On React/React Native In Less Than a Month
I’ve had plenty of opportunities to guide developers new to the React and React Native frameworks. While everyone is different, I wanted to provide a structured guide to help bring a fresh developer into the React fold. Prerequisites This introduction to React is intended for a developer that at least has some experience with JavaScript, […]
JavaScript: Local Storage vs. Session Storage
In the world of web development, we often store data on the client side for various purposes which could be to remember user-preferences or to maintain the application state. Here, JavaScript provides two key mechanisms for this, which are Local Storage and Session Storage. Both are part of Web Storage API; they have some unique […]
Fixing Focus Visibility Issues for ADA Compliance and Discovering PowerMapper Testing Tool
Ensuring clear focus visibility is key for accessibility; sometimes, visually impaired users and keyboard navigators have trouble interacting with web content. This blog explores practical ways to fix focus visibility issues and improve user experience. ADA Compliance Overview ADA compliance ensures websites are accessible to people with disabilities, promoting inclusivity and fairness. By following the […]
Migrating from MVP to Jetpack Compose: A Step-by-Step Guide for Android Developers
Migrating an Android App from MVP to Jetpack Compose: A Step-by-Step Guide Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development by using a declarative approach, which is a significant shift from the traditional imperative XML-based layouts. If you have an existing Android app written in Kotlin using […]