Front-End Development

Introduction With over 9+ years of experience in mobile development and a strong focus on React Native, I’ve always been eager to stay ahead of the curve. Recently, I’ve been exploring the future of React Native, diving into upcoming features, AI integrations, and Meta’s long-term vision for cross-platform innovation. React Native has been a game-changing […]

While working on one of my projects, I needed to implement an autocomplete box using Mapbox Geocoding APIs in a React/Next.js application. The goal was to filter a list of hospitals based on the selected location. The location results from the API include coordinates, which I compared with the coordinates of the hospitals in my […]

What is the Content SDK? If you’re familiar with Sitecore’s JSS SDK and have been building sites using it, you may be wondering why Sitecore has released a new SDK — the Content SDK. Why do we need it, and how does it differ from JSS? Think of it like this:  Can you play football wearing […]

Tailwind CSS has revolutionized modern front-end development by offering a utility-first approach. It’s fast, flexible, and makes styling a breeze. But if you’ve ever seen some of your classes disappear after production builds, especially when they’re dynamically generated, then you’re not alone. That’s where Tailwind’s safelist feature comes in! In this post, we’ll break down […]

What is Nwayo? Nwayo Preprocessor is an extendable front-end boilerplate designed to streamline development for multi-theme, multi-site, and multi-CMS front-end frameworks. It provides an efficient workflow for building responsive, scalable, and maintainable web themes across different platforms.  In Magento 2, Nwayo can be particularly beneficial for front-end developers as it simplifies the theme deployment process. […]

Optimizely Configured Commerce (Spire) is a strong platform for creating content-rich ecommerce sites, especially suited for wholesalers and manufacturers. Alongside powerful e-commerce features like product recommendations and fast ordering, it supports extensive storefront customization with blogs, case studies, forums, and other content types. To build clean, scalable, and maintainable websites on Optimizely Configured Commerce, it’s […]

Ready to go from “meh” to “whoa” with your AI coding assistant? Here’s how to get started. You’ve installed GitHub Copilot. Now what? Here’s how to actually get it to work for you – not just with you. In the blog Using GitHub Copilot in VS Code, we have already seen how to use GitHub […]

For most of  people, JavaScript still conjures images of simple web interactions like toggling menus, validating forms, or animating buttons. But that perception is rapidly changing. JavaScript has quietly transformed into a powerful tool for machine learning, not in data centers or cloud clusters, but right in your browser. No need for Python scripts or […]

Machine Learning (ML) is no longer limited to research labs — it’s actively driving decisions in real estate, finance, healthcare, and more. But deploying and managing ML models in production is a different ballgame. That’s where MLOps comes in. In this blog, we’ll walk through a practical MLOps learning project — building a House Price […]

Media queries are essential for modern websites. They enable responsive design by allowing your site or UI to adapt seamlessly across different device sizes. In this blog, we’ll explore how to implement media queries in Optimizely Spire and how to update or customize breakpoints to suit your design needs. Let’s get started! Setting Up Breakpoints […]

Let’s be honest – coding isn’t always easy. Some days, you’re laser-focused, knocking out feature after feature. Other days, you stare at your screen, wondering, “What’s the fastest way to write this function?” “Is there a cleaner way to loop through this data?” That’s where GitHub Copilot comes in. If you haven’t tried it yet, […]

State management is a crucial aspect of building scalable and maintainable front-end applications. In React and Next.js projects, developers often face challenges in choosing the right tool for managing the application state. This blog explores three popular state management libraries: Redux, Recoil, and Zustand, comparing their strengths, limitations, and ideal use cases in both React and Next.js applications. Why State Management Matters React’s […]