Front-End Development

Optimizely CMS comes with a package called Episerver.Forms that enables you to incorporate easy to build forms within a CMS website. There is a built in form container that supports standard built in form elements like input fields, checkboxes, radio buttons, select lists, buttons etc. And just like any other feature, Episerver Forms also come […]

Introduction As React development continues to evolve, the rise of functional components and hooks has significantly transformed the way we build applications. In this blog, we’ll unravel the magic behind functional components and explore why they emerge as the superheroes of modern React development. So, get ready for a journey into simplicity and power, supported […]

The popular JavaScript library jQuery simplifies DOM manipulation with powerful traversal methods. Web developers need to traverse the DOM tree to interact with HTML components. This blog covers jQuery’s DOM traversal using simple examples to teach navigation techniques. Understanding the DOM Tree:  Let’s define the DOM tree before learning jQuery’s tree traversal techniques. It’s the […]

Rich text in Sitecore refers to the capability of the Sitecore content management system (CMS) to handle and display formatted text content with various styling options. It enables content editors to create and manage content that includes not just plain text, but also a range of formatting elements such as headings, paragraphs, lists, links, images, […]

Vue.js is a cool way to make websites more interesting. One thing it does is use slots. Think of slots like placeholders where you can put stuff in a website part. What Are Slots? Vue.js slots are like special spots in a website component. They let you place various things into those spots from another […]

Recently, Facebook (owned by Meta) released its own CSS-in-JS library called StyleX. According to the developers, it is great for large projects and its key advantage is performance. It is expected that StyleX will now be promoted as a best practice for React projects. The claimed benefits of using StyleX are reuse, typification, and everything […]

In our last blog, we have gone through the concept of what is skeleton component in React. Now we will continue to implement skeleton component in React. The component supports 4 shape variants: text(default): represents a single line of text (you can adjust the height via font size). circular, rectangular, and rounded: come with different […]

We’ve all found ourselves in that frustrating scenario where a website displays a loading spinner or a blank screen, leaving us in the dark about what’s happening behind the scenes. This uncertainty can lead to a terrible user experience that tests our patience and leaves us eagerly awaiting a response. The front-end and back-end of […]

Understanding Vue.js Router Vue.js routing acts as a guide for your web application, instructing it on which page or component to showcase as the URL shifts. This functionality enables the creation of interactive, multi-page experiences within the framework of a single-page application. This blog, we’ll explore the essential elements of Vue.js routing, encompassing route creation, […]

Vue.js Watchers In Vue.js, when your data changes, the webpage updates automatically. But sometimes, you might want to do extra things when certain data changes. That’s where watchers step in. Watchers are like special helpers in Vue.js. They keep an eye on specific pieces of information (like a number or a word) and jump into […]

Carbon React is an open-source library developed by IBM to help developers to design the UI. Carbon Design system has its own set of styles and colour theme which gives consistent styling throughout the application. It simply saves the time to build the components. Theme component of carbon design allows you to give the theme […]

What’s this ref in Vue.js? The ref attribute is like giving a name to an HTML element or a part of your Vue template. This name lets you directly interact with and tweak these elements or components using JavaScript. A Practical Example Let’s make things crystal clear by diving into a simple example. Imagine you […]