The need-to-know operators of reactive programming

Developers getting used to promises for AJAX calls always ask the same question: promises work fine, why do we need RxJS?

I will ask in return, do you know how to manage and scale applications with large data and high complexity? have you ever had trouble in handling complex parallel or sequential asynchronous calls?

In order to resolve those problems, I’d like to share the following most frequently used RxJS operators for Angular/React Projects: pipe, of, map, first, combineLatest, switchMap/mergeMap, and takeUntil. Besides the explanation, I will include example codes of real use cases.

Photo by Matt Bowden on Unsplash


RxJS (The Reactive Extensions for JavaScript)…

Once upon a time, monolithic architecture ruled the world of software development

One can not call himself an accomplished software engineer if he has never worked on a monolithic application. Monolithic architecture is the traditional architecture that ruled the world of software development. A monolithic application is a single deployable unit in which different modules are interconnected, tightly-coupled. And such an application has only one single code base that contains all layers such as presentation, business logic, application logic, and data access.

However, when the application grows, the traditional monolith architecture will not be a good choice because of the following pain points:

👉 It is usually difficult to understand and maintain…

During code review, the reviewer will classify the developer as a beginner as soon as he sees some old-school JavaScript code in an Angular or React project. But if you know the following 3 tips, you will be considered as Master Yoda of modern JavaScript. So, let’s begin our journey!

Photo by Thomas Evans on Unsplash

The magic spread operator

The spread operator is my favorite operator in JavaScript. I mainly use it in the following 3 cases:

• Making a copy of an array

After several years’ design and development of various full-stack applications from scratch, I notice how important it is to build a good architecture for angular applications from the beginning. Good architecture can save us from heavy refactoring when the applications become large and complicated, as we all know that product owners will never stop adding new features in the backlogs :). Therefore, I would like to share this elegant Angular (V2+) architecture to help new developers avoid detours. …

Zhichuan JIN

A self-motivated and open-minded senior full-stack software engineer worked for SAP, Orange, and Societe Generale CIB.

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