RxJS Basics
Learn the basics of RxJS in a one day workshop
Agenda
Understanding RxJS Primitives
Comparison of Subject and Observable
Converting other APIs (e.g. promise to observable)
Where and when to subscribe
Execution context of observables
Concepts & Marble diagrams
RxJS learning tools
How to read marble diagrams
Observable types
Operator types
Operator Groups
Transform operator
Filter & complete operators
Error handling
Top 4 flattening operator
Subjects
The Pattern
Producer
Consumer
Observer
Subscriber
Basic subject types
Subject
BehaviourSubject
Reactive building blocks
State - Streams that manage state
Events - Streams that notify
Effects - Executing logic based on state or events
RxJS vs Signals
Custom sections
Live-coding in our repositories
Code review
Description
Dive into the world of RxJS with our intensive workshop designed to equip you with all the necessary knowledge and tools to harness the power of reactive programming:
Understanding RxJS Primitives: Uncover the difference between Subject and Observable, convert Promise APIs to Observable, and learn about optimal subscribing strategies and the execution context of Observables.
Concepts & Marble Diagrams: Explore useful RxJS learning tools, understand how to read marble diagrams, and delve into various observable and operator types.
Operator Groups: Get hands-on with transform operators, learn about filtering, completion, error handling, and explore the top 4 flattening operators.
Subjects: Understand the producer-consumer pattern with Observers and Subscribers and explore the basic Subject types including Subject and BehaviorSubject.
Reactive Building Blocks: Discover how to manage state with streams, notify with events, and execute logic based on state or events. We'll also discuss the difference between RxJS and Signals.
Custom Sections: Get practical with live-coding sessions in our repositories and in-depth code reviews to refine your understanding and application of RxJS.
Jump in and start your journey into mastering reactive programming with RxJS today!
Takeaways
Understanding RxJS Primitives: Grasp the difference between RxJS primitives, Subjects and Observables.
Learning from Marble Diagrams: Master the art of reading marble diagrams and use this essential tool to understand RxJS workflows better.
Operator Groups: Learn the practical use of transform, filter, complete, and error handling operators to enhance your programming techniques.
In-depth Knowledge of Subjects: Deep dive into the fundamental patterns and types of Subjects, and understand their role in data streams.
Reactive Building Blocks: Discover the RxJS building blocks of State, Events, and Effects and see how they compare to Signals.
Practical Application: Gain real-world programming skills through live coding sessions and sharpen your coding style with our expert code reviews.
Holistic Learning Approach: Equip yourself with a well-rounded understanding of reactive programming principles, from the basics to advanced techniques.
Christopher Holder
Software Engineer, Trainer
Julian Jandl
Software Engineer, Trainer
Michael Hladky
CEO & Founder
Enea Jahollari
Software Engineer
