When to Use Observable Arrays in NativeScript Core, Angular, and Vue

Показать описание

In this installment of iScriptNative, I compare 3 apps, NativeScript Core, Angular, and Vue, and show you which require the ObservableArray.

Typically we bind the ListView and Repeater components to a JavaScript array in NativeScript, but it's not always clear when you should use a regular JavaScript array or ObservableArray. What is so observable about it anyway? That's what you'll learn here.

► SHARE
Share this video with a friend to help them with their native VueJS or native Angular iOS and Android apps:

Share the entire NativeScript playlist to help your friends with their native iOS and Android apps written with JavaScript:

► ASK
If you have a topic you want me to make a video about use #iscriptnative in the comments.

►LET'S CONNECT

► FREE + PREMIUM NATIVESCRIPT COURSES
Take 25% off any premium NativeScript course by using the coupon code YOUTUBE

Рекомендации по теме

Комментарии

When do you use the NativeScript ObservableArray? Do you use them in NativeScript with Angular or Vue?

AZisk

You saved me with this one once again.

SK-ybbx

Thank you for having started to create regular free content.

burnblue

Simple and coincise. Coming from a WPF and VueJs background, everything made perfect sense. Anyone using an ObservableArray in a vueJs application would basically be "overeacting" Lol

hocahaenyi

Thank Alex for this explanation you really helped us so many times
I just like the new way of making this video to show how to make it with all flavors
Keep going

mohammedalarayshi

Doesn't matter which flavor of NativeScript you use. But you have to use an Observable array for lists where you add/remove items incase you use RadListView. Because RadListView was built specifically for ObservableArray of tns-core-modules. If you don't use ObservableArray with RadListView, everytime you add a new item, the loaded event fires for every single item in the list view. And there are several other issues you can run into.

However, if you are using Angular/Vue and are working with a ListView (and not RLV), then you can use a regular array. :)

Cheers! Thanks Alex ♥

MultiShiv

What is the difference between ObservableArray & VirtualArray. Please make a details video about NS core Observable, ObservableArray, VirtualArray and fromObject. 😀😀

rrahman-hn

Hi Alex, Is using rxjs subscription an overkill for nativescript mobile apps ?

rajeshkp

I am learning N and am gonna use observable arrays to update a list, if I use it this way wouldn't it increase the memory use of the app? Let say u have thousands of elements need to be inserted in the UI that's gonna be a killer for the app..
If u you come from the web we only update the DOM element, appending the incoming data to the element without using an array..
Hopelly someone answer me regards.

RADIOSCATRACHASUTAN

When to Use Observable Arrays in NativeScript Core, Angular, and Vue

When to Use Observable Arrays in NativeScript Core, Angular, and Vue

Promises vs Observables in 2 minutes

Co Łączy Tablicę (Array) i Observable? #RxJS

WTF is a HOT observable?

What Is an Observable?

Create observable from array

Ep 5: Using Observable Arrays In NativeScript

[object Object]: How to console.log a Observable Array? With subscribe Item

How Does an RxJS Observable Pipeline Work?

Using push() with an Observable Array in Angular: Here's What You Need to Know

Update Your Observable in rxjs After Each Iteration of an Array

💥 AngularFire Observable Streams - Real-time Updates

How Do I Get Data from an Observable?

RxJS forkJoin() - Return an Array using Multiple Observable Streams

Tutoriel RxJS #18 - Transformer un Array arrivant d'une séquence d'Observable

Array : How to use a base KO observable array to update multiple computed observable arrays bound to

Get the Value of an RxJS Observable in a Nested Array of Objects Efficiently

Optimizing Data Handling: Filtering Observable Arrays in Angular with TypeScript

How to Fix Array Observable Updates in Angular

Transforming Observable Arrays in RxJS: A Guide to Using forkJoin

How to Flatten an Observable Array of Orders in Angular with RxJS

RxJS concatMap() - Handle Every Value in an Observable IN ORDER

Transforming Observable Arrays in Angular: Changing Object Properties Efficiently

Understanding Observable in RxJS: Why Is Array Not Flattened?