Getting ReactiveRxJs logowith RxJs Workshop

RxJs is the most complex element of Angular development

Elevate your team’s RxJs skills to deliver maintainable features confidently and on time

Learn more Get in touch open_in_newConsulting
Scroll down for more content icon

RxJs is a truly powerful library

RxJs is the key to handling async logic in Angular applications. It unlocks robust, streamlined features that are far superior to alternative, superseded callbacks and promises.

RxJs handles asynchronous logic in Angular application illustration 📸 by Elena Koycheva

RxJs use cases

  • Superior user experience for the end users
  • Enables implementation of complex async flows
  • Prevents requests race condition (with a single operator)
  • Code-light, more concise declarative functional approach
  • Less verbose, more standardised results and less code to maintain

Common RxJs issues & mistakes

RxJs introduces new, reactive paradigms when implementing Angular frontend applications. Proper use by enterprise teams results in better robustness, stability and development velocity.

However, when used wrongly, RxJs causes nothing but problematic implementations. These lead to over-engineered, complicated codebases, late delivery, bugs and a distinct inability to maintain or evolve projects.

Nested subscriptions

Nested subscriptions

The #1 pitfall for newcomers to reactive programming, resulting in codebases that are a nightmare to maintain. With our workshop, you’ll learn how to never use nested subscriptions again.

Recreating streams during runtime

Recreating streams during runtime

Another common pitfall that requires extensive adjustment for developers used to imperative-style programming. This does nothing but create confusing, impossible-to-maintain codebases, hard to debug bugs and delays in delivery.

Incorrect stream sharing

Incorrect stream sharing

The lack of (or incorrect) implementation of stream sharing leads to creating endless unnecessary backend requests, which flood servers and degrade performance for all users.

Insufficient stream cleanup

Insufficient stream cleanup

Cleaning up unused streams is of paramount importance. Otherwise, the resultant memory leaks will grind application performance to a halt and leave users frustrated and lost.

Incorrect error handling

Incorrect error handling

Handling errors wrongly results in inconsistent behaviours and broken flows. It is all-too-easy to miss incorrect error handling during testing phases but just as easy to prevent with the correct know-how. And doing so will save huge amounts of time down the line…

Incorrect operator usage

Incorrect operator usage

The old saying about the right tool for the job applies equally with regard to RxJs operators. Engaging the wrong operator inevitably leads to suboptimal outcomes, buggy behaviours and at worst, an inconsistent state in backend!

The list of issues goes on…

The list of issues goes on…

We’d be here all day if we listed every issue that arises from incorrect RxJs stream implementation...

Instead of boring you to death, book a spot on our Getting Reactive with RxJs Workshop and equip your team with all the skills needed to become an RxJs powerhouse within your organization!

Getting Reactive with RxJs Workshop

Getting Reactive with RxJs Workshop

Get in touch

Empower your team to implement RxJs
based logic correctly and efficiently!

It’s never too late to acquire strong RxJs abilities instead of fixing what was broken, it’s best to prevent it from happening in the first place. The Getting Reactive with RxJs Workshop is the actionable, affordable and generally awesome way to do just that.

RxJs presentation

Correct approaches & techniques

Help your teammates implement RxJs-based logic the right way. Prevent every possible shortcoming by learning to recognise when they happen and how to reverse or avoid them altogether.

RxJs reactive programming

Common patterns

Familiarise your team with the most common RxJs patterns for solving requirements when implementing Angular enterprise applications from retrieving and using URL state to employing services as store pattern.

RxJs best practices

Best Practices

Some approaches are always better than the available alternatives. Make your team acquainted with all the best practices in an easy to remember mantra like format to (be able to fall back to) accompany them during the day to day work.

RxJs logo

Resist the temptation
to streamify every piece of your logic
using RxJs

Testimonials

We have shared our industry-leading RxJs insights, patterns and best practices with countless developers both one-on-one and entire teams.

Nothing makes us happier than enriching teams with the know-how to deliver successful projects and amaze users (as well as themselves)!

So, what do our participants think?

Workshop

I was able to benefit already the next day by being able to resolve a bunch of issues with side effects in my project!

The Getting Reactive with RxJs Workshop is very well-thought-out and structured two-day experience! The course brought a lot of value to all participants including the total RxJs newbies in our team.
The content covers all the RxJs basics like Observables, Observers or operators all the way to practical approaches and best practices for subscription management and error handling. With plenty of real world examples, exercises and live codings it was a pure joy to learn and explore the topic.
Georg Ludewig

Georg Ludewig

Software Entwickler, Bundesamt für Informatik und Telekommunikation

Bern, Switzerland

Workshop
Tomas is a very knowledgeable and enthusiastic trainer who is eager to share the knowledge and does so by making everyone comfortable asking questions! I left this workshop with new insights on how to make code clean for complex use cases and I am looking forward to apply them on a daily basis!
Alvaro Costa

Alvaro Costa

Fullstack Developer, API SA

Lausanne, Switzerland

Workshop
Tomas did a great job presenting this rather complicated topic. The best part was the great usage of StackBlitz examples and live coding to further demonstrate discussed concepts, it helped a lot!
Anonymous Feedback

Anonymous Feedback

Software Entwickler, BIT Bern

Bern, Switzerland

Workshop
The "Best Practices" section was very useful for me. The teacher did a great job and the workshop was very interesting overall. Looking forward to the next one!
Anonymous Feedback

Anonymous Feedback

Software Entwickler, BIT

Bern, Switzerland

Workshop
Very well organized content! It explained all the concepts and answered all my questions, would recommend even for total beginners! Very cool workshop overall, thank you!
Anonymous Feedback

Anonymous Feedback

Software Entwickler, BIT

Bern, Switzerland

Workshop
Very good course overall, the slides and exercises are great, and the best practice part of the workshop is very interesting, thank you!
Anonymous Feedback

Anonymous Feedback

Software Entwickler, La Mobilière

Nyon, Switzerland

Workshop
Thank you for your enthusiasm, pragmatic exercises and cases in live-coding. I really appreciated this training and I'm looking forward to be part of a next one!
Anonymous Feedback

Anonymous Feedback

Software Entwickler, La Mobilière

Nyon, Switzerland

Overall satisfaction

4.64

rated by 42 participants

Pricing & options

Book a 2-day workshop for your team and level up your RxJs skills

  • Personalized feedback

    From our experience, up to 20 participants per workshop provides an optimal student/trainer ratio. This enables us to provide sufficient attention to all participants to address every individual question and support them during the hands-on exercises.

  • In person workshops

    We strongly recommend in-person workshops, which provide unparalleled interaction and maximise the value of your time with us. In-person workshops generate deeper questions, clearer answers and the best setting for sharing extra feedback and know-how.

  • Special options

    We also provide the opportunity to focus on only half the workshop content (e.g. basics for total beginners/advanced sections only for experienced participants).
RxJs logo

Getting Reactive with RxJs Workshop

Background waves
Price background
CHF 9.749 + applicable VAT
  • All-inclusive price
  • Up to 20 participants
  • In-person / hybrid / fully remote
  • 2 full days (or 4 half days)
Get in touch now

  • Rich content

    There will always be more content and resources available, so we do not expect you to complete all the work provided during the workshop itself. You will keep all content for future reference.

  • Tailored for the audience

    We will always focus on the topics that bring the most value to the largest number of participants. To do this, we tailor each workshop to suit the unique needs of your team and guide you through the elements of RxJs most applicable to your projects.

    More advanced groups may breeze through the official content, then focus on specific use cases in a live coding session. Other groups may use the workshop to build a strong RxJs foundation then continue advancing their skills at their own pace.

Workshop content

Here’s a full outline of the workshop that features all concepts, topics and examples covered.

Please note, our workshop content will continually evolve as we factor in participant feedback to deliver the most valuable experience possible.

waving_hand Introduction

Background waves
  • Origins & Evolution
  • Version history and major updates
  • What's new and most recent features overview
  • Roadmap for the future
  • Amazing docs & operator decision tree
  • StackBlitz - the new best friend in your RxJs learning journey

account_balance RxJs concepts

Background waves
  • Async logic and its ubiquitousness in frontend
  • From Callbacks and Promises to Observable Streams
  • Observer vs Observable
  • The best way to understand RxJs in one image
  • Handling multiple function calls together

directions_run RxJs basics

Background waves
  • Observables (streams)
  • Observers (subscriptions)
  • Value, error and completion events
  • Subscription & unsubscription
  • Operators (creation & pipeable)

directions_bike RxJs advanced concepts

Background waves
  • Higher-order Observables and flattening operators
  • Marble diagrams (& their ASCII representation)
  • Hot and Cold (lazy) Observables
  • Subjects & subject types
  • Stream sharing (multicasting, ref counting)
  • Schedulers

tips_and_updates Practical tips & best practices

Background waves
  • How to resist the temptation to streamify your synchronous code
  • Observable-like entities and their implicit casting to Observable
  • Internalizing the difference between stream definition vs stream execution
  • The declarative nature of Observable streams and its consequences
  • How to stop re-creating Observables as a result of user interaction during runtime
  • How to put an end to writing code with nested subscriptions
  • How to not crash your stream permanently with incorrect error handling
  • How to write future-proof RxJs code based on upcoming deprecations
  • Why you should never treat your stream as synchronous
  • Why you should never mutate Observable stream values

category Examples & use cases

Background waves
  • Streamifying browser APIs
  • When mapping is the only way to filter your array stream values (how to transform array (steam value) inside RxJs Observable stream (stream of events))
  • Flattening operators
  • Loading of data from APIs and orchestration
  • Caching and sharing of stream values
  • The best way to unsubscribe
  • Exception and error handling
  • And much more...

bug_report RxJs Testing

Background waves
  • Async logic testing
  • Use of native TestScheduler
  • Use of provided helpers (hot, cold, expectObservable, ...)
  • Define streams with ASCII marble diagrams
  • Testing mocked services (after scheduler has completed)

attachment Extra resources

Background waves
  • Full workshop in PDF format for future reference and knowledge preservation
  • Step by step highlighted code examples that are easy to follow
  • Lots of working examples (StackBlitz)
  • Extensive range of exercises and solutions (StackBlitz)
  • Workshop participation certificate
  • Review of individual questions and exercises during hands-on phase
Workshop slides example - callbacks and promisesWorkshop slides example - understand RxJs in a single pictureWorkshop slides example - custom observable factoryWorkshop slides example - observerWorkshop slides example - stream vs array methodsWorkshop slides example - flattening operatorsWorkshop slides example - marble syntax

Meet your instructors

Tomas and Kevin are two of Switzerland’s leading Google Developer Experts. With less than 150 such experts worldwide, partnering with us unlocks a wealth of knowledge that we’re eager to share with your team.

Benefit from our extensive knowledge in a concentrated, proven format and level up your team’s new RxJs capabilities!

Kevin Kreuzer - GDE for Angular & Web Technologies

Kevin Kreuzer

GDE for Angular & Web Technologies

Trainer, Berater und Senior Front-End Engineer mit Schwerpunkt auf dem modernen Web. Er ist sehr erfahren in der Implementierung, Wartung und Verbesserung von Anwendungen und Kernbibliotheken für große Unternehmen.

Kevin ist ständig dabei, sein Wissen zu erweitern und zu teilen. Er unterhält mehrere Open-Source-Projekte, unterrichtet moderne Webtechnologie in Workshops, Podcasts, Videos und Artikeln. Weiter ist er ein beliebter Referent auf Konferenzen. Er schreibt für verschiedene Tech-Publikationen und war 2019 der aktivste Autor der beliebten Angular In-Depth Publikation.

Google Developer Experts logoX logoLinkedIn logoGithub logoYoutube logoTwitch logoMedium logo public
Tomas Trajan - GDE for Angular & Web Technologies

Tomas Trajan

GDE for Angular & Web Technologies

Ein Google-Developer expert für Angular und Webtechnologien, der als Berater und Angular-Trainer arbeitet. Derzeit unterstützt er weltweit Teams in Unternehmen bei der Implementierung von Kernfunktionalitäten, Architekturen, der Einführung von Best Practices, und der Optimierung von Arbeitsabläufen.

Tomas ist ständig bestrebt, seinen Kunden und der breiteren Entwicklergemeinschaft einen maximalen Nutzen zu bieten. Seine Arbeit wird durch eine umfangreiche Erfolgsbilanz unterstrichen, in der er populäre Fachartikel veröffentlicht, Vorträge auf internationalen Konferenzen und Meetups hält und zu Open-Source-Projekten beiträgt.

Google Developer Experts logoX logoLinkedIn logoGithub logoYoutube logoSpotify logoMedium logo public
Background surfaceExperts teaching Angular

Unerreichte Kompetenz

Ganz gleich, ob Sie ein kleines Startup oder ein großes Unternehmen mit zahllosen Teams, Entwicklern und Projekten sind - unsere Branchenkenntnisse helfen Ihnen, die Dinge richtig zu machen, die Lernkurve zu verkürzen und die Produktivität zu maximieren.

Unsere Blogs werden von Millionen gelesen, unser Open Source wird von Zehntausenden von Entwicklern genutzt und wir verändern die geschäftliche Laufbahn von unzähligen Menschen bei lokalen Treffen und internationalen Konferenzen.

Wir haben direkten Kontakt zum Angular-Kernteam von Google und das erweiterte Google Developer Expert Netzwerk. Dadurch sind wir in der Lage, auch die schwierigsten Probleme mit Leichtigkeit und Zuversicht zu lösen!

Blog posts

Stats number background
über5 MillionenAnsichten

Millionen von Menschen haben von unserem regelmäßig aktualisierten Blog profitiert, in dem wir einsteigerfreundliche sowie tiefgehende Inhalte zu Angular, NgRx und Frontententwicklung im Allgemeinen veröffentlichen.

Zu Angular Experts' Blog Zu Tomas's BlogZu Kevin's Blog

Workshops

Stats number background
über350 Teilnehmerausgebildet

Unzählige Entwickler sowohl von Startups als auch von grossen Unternehmen haben ihre Angular- und Frontend-Kenntnisse dank unserer fesselnden, immersiven und äußerst beliebten Workshops verbessert.

Zum Angebot

Open source

Stats number background
über2 MillionenDownloads

Viele Teams auf der ganzen Welt haben mit Hilfe unserer anerkannten Open-Source-Projekte, von denen einige über 2500 GitHub-Stars aufweisen, wichtige Entwicklungsprobleme gelöst und ihre Qualität verbessert.

Kevins's npm PaketeTomas's npm Pakete

Vorträge

Stats number background
an über30 Eventspräsentiert

Communities auf der ganzen Welt profitieren von unseren Vorträgen auf ihren Veranstaltungen. Von lokalen Meetups bis hin zu internationalen Konferenzen. Wir teilen unser Know-how für erfolgreiche Angular-Entwicklung mit etablierten Entwicklern und zukünftigen Talenten.

Endecke Tomas's VorträgeEndecke Kevins's Youtube Kanal

Get in touch

Empower your team with real-world RxJs know-how gained from our lifetime of consulting, leading workshops and tutoring enterprises and startups alike.

Our unique pathway has taught us much and we’re keen to share it with You! Our workshop attendees enjoy a structured, high-quality content that distills all our knowledge into an unparalleled, immersive 2-day workshop experience.

To learn more about our workshops, reach out to us directly using the below form.

or