Angular 2 Observables

Angular 2 Observables

Observables help you manage asynchronous data. Think of it as AJAX for Angular 2. To use observables, Angular utilizes a third-party library called Reactive Extensions (RxJS). Observer pattern Because Javascript is single-threaded, handling async data streams are challenging. We utilize the Event Loop to determine the order...

RabbitMQ logo

What is RabbitMQ and when should I use it?

RabbitMQ is a message broker that implements AMPQ (Advance message queuing protocol). It’s open source and provides an easy way to get a messaging service up and running. [caption id="attachment_50895" align="aligncenter" width="749"] Great real world example at https://blogs.vmware.com/vfabric/2013/01/messaging-architecture-using-rabbitmq-at-the-worlds-8th-largest-retailer.html[/caption] Use cases A huge advantage of RabbitMQ is it reliability. It’s...

What is a load balancer?

You have millions of users requesting data from your app at the same time and the data needs to be delivered in a fast and reliable manner. To do this, you need more servers and an easy way to distribute traffic and requests across these...

Feedforward Neural Networks

Edit: I came across this resource, and it does an excellent job of explaining machine learning: http://www.r2d3.us/visual-intro-to-machine-learning-part-1/ Artificial learning is all the rage these days, so I decided to jump on the bandwagon. I’ve started with learning about the most basic type of neural network - a feedforward. There’s...

Dependency Injection in Angular 2 (DI)

Dependency injection is an important aspect of Angular 2. It allows you to keep services in separate files to reduce clutter in your code. In short, it makes your code reusable and less buggy. Angular uses a constructor pattern for each component to implement. Here’s a...

ngModel in Angular 2

In Angular 1.0, two-way binding synced the view to the model and the model to the view. In Angular 2.0 this feature doesn’t come right out of the box, but can be implemented as follows: <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" id="name" required [(ngModel)]="model.name" name="name"> </div> This...

Steps to creating a React component

This is taken from the React documentation: https://facebook.github.io/react/docs/thinking-in-react.html 1. Identify the different components Data flow goes from parent to children. It’s important to know break down components so you can better understand how data flows and is inherited through each component Here is the breakdown of components 1. FilterableProductTable (orange):...