SlideShare a Scribd company logo
1 of 12
Angular Reactive
Programming with RxJS
1. Why we need RxJS ?
2. What’s RxJS ? Main Concepts
3. Best Practices
1. Why we need RxJS ?
Handle asynchronous calls with multiple events.
2. What’s RxJS ? Main Concepts
RxJS is a library for composing
asynchronous and event-based programs
by using observable sequences.
2. What’s RxJS ? Main Concepts
Observable
Observer
Subscription
Operators
Subjects
Scheduler
Observables are lazy Push
collections of multiple values
2. What’s RxJS ? Main Concepts
Observable
Observables are lazy Push collections of
multiple values
2. What’s RxJS ? Main Concepts
Observable
Observer
Subscription
Operators
Subjects
Scheduler
Observables are lazy Push
collections of multiple values
An Observer is a consumer of
values delivered by an Observable
2. What’s RxJS ? Main Concepts
Observer
An Observer is a consumer of values
delivered by an Observable
2. What’s RxJS ? Main Concepts
Observable
Observer
Subscription
Operators
Subjects
Scheduler
Observables are lazy Push
collections of multiple values
An Observer is a consumer of
values delivered by an Observable
Operators are functions
2. What’s RxJS ? Main Concepts
Operators
Pipeable Operators
Creation Operators
2 types
functions
Create a new Observable
Observable >>>> Observable
piping
2. What’s RxJS ? Main Concepts
Observable
Observer
Subscription
Operators
Subjects
Scheduler
Observables are lazy Push
collections of multiple values
An Observer is a consumer of
values delivered by an Observable
Operators are functions
represents a disposable
resource
2. What’s RxJS ? Main Concepts
Subscription
A Subscription is an object that represents a
disposable resource, usually the execution of an
Observable.
3. Best Practices

More Related Content

Similar to RxJS - NNG Technical Seminar

Similar to RxJS - NNG Technical Seminar (20)

Rx java workshop
Rx java workshop Rx java workshop
Rx java workshop
 
Android asynchronous programming
Android asynchronous programmingAndroid asynchronous programming
Android asynchronous programming
 
A Helpful Introduction to RxSwift
A Helpful Introduction to RxSwiftA Helpful Introduction to RxSwift
A Helpful Introduction to RxSwift
 
Helpful into to Rx
Helpful into to RxHelpful into to Rx
Helpful into to Rx
 
ReactiveX
ReactiveXReactiveX
ReactiveX
 
Reactive java - Reactive Programming + RxJava
Reactive java - Reactive Programming + RxJavaReactive java - Reactive Programming + RxJava
Reactive java - Reactive Programming + RxJava
 
React gsg presentation with ryan jung & elias malik
React   gsg presentation with ryan jung & elias malikReact   gsg presentation with ryan jung & elias malik
React gsg presentation with ryan jung & elias malik
 
Reactive Extensions - VTD11
Reactive Extensions - VTD11Reactive Extensions - VTD11
Reactive Extensions - VTD11
 
Predictable reactive state management - ngrx
Predictable reactive state management - ngrxPredictable reactive state management - ngrx
Predictable reactive state management - ngrx
 
Rx JS basics
Rx JS basicsRx JS basics
Rx JS basics
 
Android reactive programming using agera
Android reactive programming using ageraAndroid reactive programming using agera
Android reactive programming using agera
 
Reative UI
Reative UIReative UI
Reative UI
 
Rx js basics
Rx js basicsRx js basics
Rx js basics
 
Reactive Programming on Android - RxAndroid - RxJava
Reactive Programming on Android - RxAndroid - RxJavaReactive Programming on Android - RxAndroid - RxJava
Reactive Programming on Android - RxAndroid - RxJava
 
What is rxjava?
What is rxjava?What is rxjava?
What is rxjava?
 
Reactive Programmin
Reactive ProgramminReactive Programmin
Reactive Programmin
 
Introduction to Microservices
Introduction to MicroservicesIntroduction to Microservices
Introduction to Microservices
 
Nicholas Gustilo "Clean Android: building great mobile apps"
Nicholas Gustilo "Clean Android: building great mobile apps"Nicholas Gustilo "Clean Android: building great mobile apps"
Nicholas Gustilo "Clean Android: building great mobile apps"
 
Practical RxJava for Android
Practical RxJava for AndroidPractical RxJava for Android
Practical RxJava for Android
 
Max Gallo - Reinventing RxJS - Codemotion Rome 2019
Max Gallo - Reinventing RxJS - Codemotion Rome 2019Max Gallo - Reinventing RxJS - Codemotion Rome 2019
Max Gallo - Reinventing RxJS - Codemotion Rome 2019
 

Recently uploaded

Recently uploaded (20)

AzureNativeQumulo_HPC_Cloud_Native_Benchmarks.pdf
AzureNativeQumulo_HPC_Cloud_Native_Benchmarks.pdfAzureNativeQumulo_HPC_Cloud_Native_Benchmarks.pdf
AzureNativeQumulo_HPC_Cloud_Native_Benchmarks.pdf
 
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
 
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK SoftwareAnnouncing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK Software
 
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
 
WSO2Con204 - Hard Rock Presentation - Keynote
WSO2Con204 - Hard Rock Presentation - KeynoteWSO2Con204 - Hard Rock Presentation - Keynote
WSO2Con204 - Hard Rock Presentation - Keynote
 
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
 
WSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
WSO2CON 2024 - How CSI Piemonte Is Apifying the Public AdministrationWSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
WSO2CON 2024 - How CSI Piemonte Is Apifying the Public Administration
 
Driving Innovation: Scania's API Revolution with WSO2
Driving Innovation: Scania's API Revolution with WSO2Driving Innovation: Scania's API Revolution with WSO2
Driving Innovation: Scania's API Revolution with WSO2
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
 
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of TransformationWSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
WSO2CON 2024 - Designing Event-Driven Enterprises: Stories of Transformation
 
WSO2Con2024 - Unleashing the Financial Potential of 13 Million People
WSO2Con2024 - Unleashing the Financial Potential of 13 Million PeopleWSO2Con2024 - Unleashing the Financial Potential of 13 Million People
WSO2Con2024 - Unleashing the Financial Potential of 13 Million People
 
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...
 
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
WSO2Con2024 - Simplified Integration: Unveiling the Latest Features in WSO2 L...
 
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
 
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
 
WSO2CON2024 - Why Should You Consider Ballerina for Your Next Integration
WSO2CON2024 - Why Should You Consider Ballerina for Your Next IntegrationWSO2CON2024 - Why Should You Consider Ballerina for Your Next Integration
WSO2CON2024 - Why Should You Consider Ballerina for Your Next Integration
 
What Goes Wrong with Language Definitions and How to Improve the Situation
What Goes Wrong with Language Definitions and How to Improve the SituationWhat Goes Wrong with Language Definitions and How to Improve the Situation
What Goes Wrong with Language Definitions and How to Improve the Situation
 
WSO2CON 2024 Slides - Open Source to SaaS
WSO2CON 2024 Slides - Open Source to SaaSWSO2CON 2024 Slides - Open Source to SaaS
WSO2CON 2024 Slides - Open Source to SaaS
 
WSO2CON 2024 - Software Engineering for Digital Businesses
WSO2CON 2024 - Software Engineering for Digital BusinessesWSO2CON 2024 - Software Engineering for Digital Businesses
WSO2CON 2024 - Software Engineering for Digital Businesses
 
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...
 

RxJS - NNG Technical Seminar

  • 1. Angular Reactive Programming with RxJS 1. Why we need RxJS ? 2. What’s RxJS ? Main Concepts 3. Best Practices
  • 2. 1. Why we need RxJS ? Handle asynchronous calls with multiple events.
  • 3. 2. What’s RxJS ? Main Concepts RxJS is a library for composing asynchronous and event-based programs by using observable sequences.
  • 4. 2. What’s RxJS ? Main Concepts Observable Observer Subscription Operators Subjects Scheduler Observables are lazy Push collections of multiple values
  • 5. 2. What’s RxJS ? Main Concepts Observable Observables are lazy Push collections of multiple values
  • 6. 2. What’s RxJS ? Main Concepts Observable Observer Subscription Operators Subjects Scheduler Observables are lazy Push collections of multiple values An Observer is a consumer of values delivered by an Observable
  • 7. 2. What’s RxJS ? Main Concepts Observer An Observer is a consumer of values delivered by an Observable
  • 8. 2. What’s RxJS ? Main Concepts Observable Observer Subscription Operators Subjects Scheduler Observables are lazy Push collections of multiple values An Observer is a consumer of values delivered by an Observable Operators are functions
  • 9. 2. What’s RxJS ? Main Concepts Operators Pipeable Operators Creation Operators 2 types functions Create a new Observable Observable >>>> Observable piping
  • 10. 2. What’s RxJS ? Main Concepts Observable Observer Subscription Operators Subjects Scheduler Observables are lazy Push collections of multiple values An Observer is a consumer of values delivered by an Observable Operators are functions represents a disposable resource
  • 11. 2. What’s RxJS ? Main Concepts Subscription A Subscription is an object that represents a disposable resource, usually the execution of an Observable.