Say goodbye to code duplication and performance problems with ng-templates in large projects

Image by Donald Tong from Pexels

🏢 Large Applications and Angular

♨️ The Problem

An elegant no-hassle way to get rid of meaningless technical plumbing in your business Angular components.

Image by Michael Kauer from Pixabay

Today's web applications typically solve business problems which can sometimes be very complex and quite hard to write readable code for. Many times, situations arise when a purely technical piece of spaghetti code gets interwoven into a codebase realising a business requirement of some kind. In many cases, such a noise unnecessarily obfuscates the business essence of your components.

Loading indicators are a typical example of such necessary technical plumbing. In most large Angular codebases I have seen, nobody seemed to care about such code polluting business code.

In this article, I will show you an approach I have proposed…

A critical reflection on my past self after completing an MSc. in software engineering and sky-rocketing my career as a respected web development expert

Photo by Lum3n from Pexels

Eight years ago, I started my programming path as a self-taught hobbyist who later became a freelance programmer working occasionally for startups with low budgets. After several years of such small gigs, I have applied to a large corporation where, after several years, my career sky-rocketed and where I built confidence about my software development skills. Alongside that, I was studying an MSc. in software engineering where my tutors helped me to gain expertise in various software development disciplines and an ability to solve complex logical problems.

Now I am 25, I have my first post-grad job and, I am…

6 techniques to write your stylesheets as clean as ever — making them easy to read, maintain and reuse.

Photo by Roman Koval from Pexels

Today's interactive web pages and Single Page Applications heavily utilize HTML, CSS and JavaScript as their primary implementation languages. Aside from JavaScript code which has recently gained its attention in terms of maintainability and readability (TypeScript, ES Modules and the class construct), a lot of HTML and CSS code in such applications is in a desolate condition.

HTML code in such apps is probably bloated with non-semantic tags and a plethora of classes and its corresponding custom CSS classes are just a set of randomly named rulesets overriding each other, implying near-zero reusability.

Such code in conjunction with various directives…

The major characteristics of Core and Shared module in Angular, pro tips and tricks plus a rule of thumb for determining which module to put your Angular code into

Photo by Roman Koval from Pexels

An important aspect of every system determining future maintainability and code clarity is its modular structure, regardless of system size. This article will quickly sum the purposes of core and shared modules in Angular applications, answer some deeper questions concerning those, and introduce a rule of thumb you may use when developing your Angular apps.

Regarding its modular structure, Angular is opinionated, at least in its default code generator configuration. The Angular Style Guide from the creators of Angular states all the philosophy and guidelines needed for writing single-page applications that are well-made in their opinion.

Now, what are the…

Three techniques for saving bandwidth and computing resources consumed by your RESTful services

Photo by Son Bom from Pexels

💸 Why Bother

Taking an alternative approach, such as leveraging the power of…

The most common RxJS operators and techniques for fetching data from APIs

Photo by Manuela Adler from Pexels

As beginners in Angular programming, many developers, even with theoretical knowledge of RxJS, have trouble when fetching data from APIs. The situations they try to handle are usually similar though. This article will list the most common situations you may stumble upon when developing Angular applications and present battle-proven solutions to them.

🚷 A Few Antipatterns to Begin With

Nested Subscribing

One rather naïve solution to such problem is to use something like…

Accelerate your way to programming proficiency by learning the concepts contained within these 5 programming languages.

The demand for software developers overwhelms the supply. Flexible and skilled programmers are extremely rare to find, thus have numerous advantages over their peers. Grasping the concepts related to the following programming languages will make you write cleaner code, more robust code, will make you more productive, and most importantly will make learning your next language of choice much quicker and less mind-boggling.

📖 How To Read This Story

5 techniques for quickly handling unsubscribe() calls to a large number of subscriptions inside your Angular components + a guide on which one to choose for your project

Photo by Vanderlei Longo from Pexels, cropped.

RxJS along with observables is a must-have skill of every serious Angular developer. The framework exposes the observables for use in many areas — from basic HTTP communication to advanced development techniques such as interceptors, guards, and resolvers. Sooner or later, the need for effectively handling unsubscribe() calls to large amounts of subscriptions will become apparent.

🧱 The Basics

Radek Busa

I’m a senior full-stack web developer based in Prague, currently studying, an AI/ML enthusiast course.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store