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…

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…

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…

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…

💸 Why Bother

Whether you own a small business and use cloud services or are employed in a large corporation with its own on-premise data center, chances are you already encountered or will encounter a point in the lifecycle of your application where user demand outgrows the capacity of your system. Yes, with 2020s ops tools such as Docker Swarm or Kubernetes, scaling your application is definitely a way you can take and it is quite easy. However, any additional hardware, more virtual machines, more allocated control groups, and more bandwidth costs something.

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

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

In order to avoid code smells and architectural problems in Angular apps with API data fetching, let's walk through the most common antipatterns. The patterns in the later chapters of this story will address those issues.

Nested Subscribing

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

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

First and foremost — it’s not about the syntax or language-specific APIs. I’d recommend you not learning core language APIs of the following languages in deep because not all languages listed below are great for writing handy…

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

In the lifecycle of an Angular component, sometimes a need for subscribing to observable arises. Each act of doing so will produce a Subscription object, which, when the component gets destroyed by Angular runtime, should be handled in a way that will not cause…