RxJS – Combining Data Streams

by

Introduction In previous few posts, we’ve covered some theory and few demos example of RxJS in Angular. The previous post was focused about RxJs Subjects and we saw few examples of its usage such as we built an eventBus to broadcast notifications and the likes. Today, we’ll learn about the various needs and patterns of … Read more

RxJS – Subjects

by

Introduction In previous posts we’ve discussed RxJS and saw few examples to understand how to use those in our angular applications You can check the earlier posts in following links Today, we’ll discuss Subject which is very useful and powerful feature of RxJS. We’ll start simple with few examples mostly around the subject theory and … Read more

RxJS in Angular – Make your code more Reactive and Declarative

by

Introduction In previous post, we started with the basics of RxJS and observables. We saw few examples of creating observables from existing data and various RxJS operators to transform, filter and process observables. Today, we’ll build upon those learning and see how to work with HTTP data using RxJS. If you haven’t already you can … Read more

RxJS in Angular – Basics

by

Introduction RxJS, or Reactive Extensions for JavaScript, is Observables implementation for JavaScript. RxJS is a library for composing async and event-based progress by observable sequences. Examples Production-lines, airport baggage conveyor belt, a stream etc. With Reactive programming, we create our entire app by defining the various streams and the operations that get performed on those … Read more

HTML5 – Canvas Basics (with Angular)

by

Introduction In old days of browsers, Flash/Silverlight likes plugins were used to support rich graphics in browsers. With HTML5, the platform gets native support for the two types rich contents: In this post, our focus will be the Canvas. I’ll be using Angular for JavaScripting, however the concepts are same if you use some other … Read more

Angular – Notifying the Component of User Changes

by

Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. Another approach we learned was use of template reference variable and @ViewChild decorator to access elements/components on template and call methods on it. You can check this article for details. Today, we’ll learn how to notify the component … Read more

Angular – ViewChild and TemplateReference Variable

by

Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. In this post we’ll explore another way to access the public properties and methods of a child components. This could be useful for different use cases. We’ll learn about using Template Reference Variable and/or @ViewChild() decorator. ViewChild/ViewChildren Selector … Read more

OpenAPI in .NET Core

by

Introduction Correct API documentation is essential. Documentation can be generated from an OpenAPI specification. An OpenAPI specification describes the capabilities of our API, and how to interact with it. It’s standardized, and in JSON or YAML format. What is Swagger OpenAPI specifications and Swagger specifications are the same thing. Swagger is a set of Open … Read more

Angular – Transform Data with Pipes

by

Introduction We use pipe for transforming bound properties before displaying them in a view. Angular provides us with few built-in pipes e.g. date, number, decimal, percent, currency, json etc. This time, we want to build our own custom pipe. Use Case Build a custom pipe which replaces ‘-‘ character with a space ‘ ‘. It … Read more

Angular – Wrapping Third-party libraries

by

Introduction It is very common in web applications that we’ll want to use third-party libraries or components. Let’s see how we can take something like that and turn it into an injectable service in Angular. If you are new to angular, you can check previous posts for the background information. toastr For demo, we’ll use … Read more