Content:
Language:
RxJS Cookbook
Use RxJS's power in Angular applications
In this course:
1
Learn how to use RxJS in Angular projects
2
Hundred of Angular use cases and ready-to-use code snippets
3
Examples with Angular Router, Reactive Forms, HttpClient, State Management and more...
# Why a CookBook?
There are already quite a few resources on RxJS but:
- are often not up to date
- examples are too complicated to understand
- take many concepts for granted
- examples are too abstract and not for real-world apps
So I'm creating a resource that:
- is easy and fast reading
- provides the fundamentals on RxJS and Reactive Programming
- gives many practical examples and use cases with Angular in which we use the power of RxJS with reactive forms, router, HTTP calls, state management and many other API of the framework
# From dev to dev
I have dozens of examples, snippets and use cases in my notes, which I created and updated over the years, first to learn myself and then share with my students in class.
However, so far I only taught in Italian and finally in this site I can share thoughts, ideas and code with an international audience.
RxJS & Angular
RxJS is deeply integrated into Angular’s core functionality.
Understanding and mastering RxJS is key to becoming proficient in Angular and being able to build robust, scalable, and efficient applications.
# Early Access
I started writing this book recently so there is still very little material.
However, I decided to publish it while I’m writing it so that I can get feedback and improve it with the help of the community.
Initially, the material will be free, but I’m not sure I’ll finish all the chapters I’ve planned to write, and I can’t guarantee it will remain entirely free over time, given the effort required to prepare it.
Get Free content
Free pre-orders are open, in order to gauge whether there’s sufficient interest
Early adopters will also receive free content, updates and an exclusive discount.
# RxJS is not so easy...
While RxJS might have a steeper learning curve, mastering it can significantly improve your ability to write clean, efficient, and scalable Angular applications.
Anyway the concepts you learn with RxJS aren't limited to Angular.
They can be applied to other frameworks and libraries that support reactive programming ( also in other languages ), making you a more versatile developer.
I have often met many developers who claimed that RxJS was unnecessarily complex (and useless) but the truth is that:
RxJS is very useful for simplifying complex scenarios
So I understand that is not easy to learn but in a framework like "Angular" the advantage of knowing it gives us more power and the ability to make the best use of it.
Most of developers often don't make full use of RxJS potential and unnecessarily complicate their life.
By this, I mean the big picture is often unclear and most people do not really understand:
- how to leverage the power of RxJS
- combine different observables
- create sequences
- manage errors properly
- the best way to integrate it with interceptors, sequential HTTP calls, parallel, handle race conditions and much more
- how to use with forms, components, router, directives and other framework features
- read and understand Marble Diagrams
- several other concepts that at first were not very clear to me, either
And, last but not least, how to take this knowledge and make the best use of it in Angular
# Why RxJS is so important?
- RxJS is crucial to study when using Angular because it provides powerful tools for handling asynchronous operations, data streams, and event-driven programming, which are core aspects of Angular applications.
Angular's HTTPClient, Forms, Router, and many other services are built around Observables
- Async Operations: RxJS provides a consistent way to handle asynchronous data, whether it comes from HTTP requests, WebSocket connections, user input events, or any other source. This helps you avoid callback hell and simplifies complex async workflows.
It also allows us to manage queues, race conditions and sequences of operations in a fantastic way.
-
Declarative Programming: RxJS allows you to work with data as streams, performing operations like mapping, filtering, and combining then in a declarative manner. This makes your code more readable and easier to maintain.
-
State Management: RxJS is often used to reactively manage the application's global state, in Services using
Subjects o using libraries like NGRX . -
Composing Operations: RxJS allows you to compose multiple async operations into a single stream, making it easier to coordinate complex tasks, like sequencing multiple HTTP requests or reacting to user inputs and system events simultaneously.
-
Error Handling: RxJS offers robust error handling capabilities, allowing you to manage errors in a centralized and elegant way across your application.
# Learn by Do.ing
<Practice>
Learn RxJS with dozens of interactive code snippets:
Click or in the editor to practice
src/app.component.ts
Chapters
Fabio Biondi
Fabio Biondi is Google Developer Expert in Angular and Microsoft MVP.
He is a freelance Front-End trainer, speaker, content creator and community manager
He is a freelance Front-End trainer, speaker, content creator and community manager
Book Features
Code PlayGround
You can play and experiment directly on the site using the integrated code playground
Themes
Choose between light and dark theme, whether the layout will be distributed in columns or rows and Zen Mode is coming soon
Quiz
Test your skills with Quizzes and Exercises
Layout
Choose your favourite layout: columns or row
Horizontal
Vertical
Enlarged
and much more...
Start today for free!
Create a LearnByDo.ing account for free to see all the protected content, get exclusive material, join giveaways, and use all the platform’s features