Image by rawpixel.com on Freepik

Angular: Understanding change detection

Understanding change detection The secret sauce to Angular’s reactivity and performance is in its change detection strategies and the creative application of those strategies. Change detection is an important mechanism for ensuring the application view stays in sync with the underlying data models, and can respond appropriately when there are changes to these data models. …

GITHUB Flow: An infographic

GitHub Flow is a lightweight, branch-based workflow that supports teams and projects where deployments are made regularly. This workflow is easy to understand and implement, making it ideal for collaborative software development projects. Process

Man sitting in front of camera and microphone

Content Creation Blog

We all have been on those high end audio factory websites such as Rode or Bothners Musical Instruments where their entry level kits cost anything from R 7,000 – R 25,000 but it doesn’t need to be.

Unveiling Event-Driven Architecture: Tailoring the Essence to Your Needs

Introduction In the ever-evolving landscape of tech jargon, “event-driven architecture” has seamlessly woven itself into our conversations, presentations, and strategy meetings. It’s often touted as a “silver bullet” for various tech challenges, promising streamlined communication and seamless integration. But amidst the buzz and the hype, there’s an understated truth: event-driven architecture isn’t a one-size-fits-all solution. …

Downloading Objects as JSON files in Angular

In our Angular applications , we often create rich data objects that give us insight into how our application is behaving. Whether we’re creating complex state management objects , error logs or diagnostics ,what if you wanted to export this data for further analysis or for users to download? In this blog post, we’ll explore …

Getting started with source map explorer in Angular

What are Source Maps? Source maps are a crucial tool for modern web development, especially in projects that involve complex frameworks like Angular. At their core, source maps are files that map the generated, minified, or transpiled code back to its original source code. They contain information about the relationship between your source code and …

Angular HTTP Interceptors: creating a custom http diagnostics report

What is an Angular Interceptor? Angular interceptors are a powerful mechanism that allows you to intercept HTTP requests and responses. They are a part of Angular’s HTTP client module and can be used to perform various tasks, such as adding headers to requests, handling errors, or, in our case, logging network calls. Creating the HTTP …

Creating a generic session storage implementation in Angular

Creating a generic session storage mechanism in Angular Managing data between page reloads and user interactions is a common challenge. One powerful solution to this problem is the use of browser storage mechanisms like session storage. However, working with session storage can be a complex task, especially when it involves handling different types of data. …

Angular vs. React: Choosing the Right JavaScript Framework

Introduction: The world of front-end development is rich with choices, and two prominent contenders that often emerge in the spotlight are Angular and React. In this blog post, we will dive into a comprehensive comparison of Angular and React, shedding light on their key features and disparities. We will also explore the merits of each …