CODEWITHSUNDEEP
angularjsangularstore
Mattia SaxaGogo Rossi
Mattia SaxaGogo Rossi

Reputation: 41

Managing Big Data in Angular2

I'm following an Angular2 course having a background of Sencha ExtJS framework.

My question is pretty easy : with AngularJS how do you store and interact with big data structures? In all the course when a Service was retrieving data was always small and was stored in an array.

Why did I mention ExtJS? Because it offers classes called Store to, as the name says, store data and query it, with possibility of filtering,sorting,mapping and so on.

Let's make an example :

I have the list of the airports in the world and I want to offer it in a select. Of course i will setup the service injected to the select that offers the entire list. But then:

-I want to filter it as the user go on typing

-The array containing the data is an array of objects with other properties after the name like the country or the id

Which is the approach to follow?

Upvotes: 0

Views: 1387

Answers (1)

pietro909
pietro909

Reputation: 1861

As per my comments, here's my answer.

In Angular 2 we have smart components, which hosts logic and data, and dumb components which are pure views, with no logic and preferably stateless.

Ideally, you could retrieve your data from the API and deliver it to your smart components either returning the whole data or exposing a stream with RxJS.

An example using RxJS would be:

  • A service calling the APIs and returning an Observable with the data
  • A smart component consuming the service's data, in the form of a Subscription
  • One or more dumb component in showing the data which is pushed down by the smart component (acting as a container)

At this point, your data manipulation could reside either in the service or in the smart component (it depends on what you need to transform and how). To manipulate the data, I suggest you use RxJS which offers the possibility to chain streams and filter, aggregate, map, ... methods. It is asynchronous.

If you can go for something less complex but blocking (it depends on your requirements), I'd suggest you use Lodash, which brings methods for collections to chain, map, filter, and aggregate data.

Upvotes: 2

Related Questions