Js il 2013 breeze.js

Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
yaniv@e4d.co.il
http://blogs.microsoft.co.il/blogs/rdt/
Israel JavaScript Conference

What’s ?
 JS library aimed to manage data in rich client applications
 Implements the Open Data Protocol (OData) query
standard
 Ships with adapters for the ASP.NET Web API and for
OData

Communication
DAL
UI
BL (MV*)
Offline Storage
Entities
Module Module Module
Server

Why ?
 It’s free
 Simplify data query tasks
 Manage client side data caching
 Support batch operations
 Support all modern browsers on desktop and mobile
devices (ECMAScript 5)
 Out-of-box support for Knockout, Angular, and Backbone
 Well documented
 Has roadmap

Query Data
 LINQ style syntax
 Execute query asynchronously with a Promise
 Query related entities
 Flatten entity graphs
 Query server, cache, or both
 If a query can be expressed in OData syntax, it can be
expressed in Breeze

Query Data
//define query
var query = breeze.EntityQuery().from("Customers")
.where("CompanyName", "startsWith", "C")
.orderBy("CompanyName");
//execute query
var manager = new breeze.EntityManager(serviceName);
manager.executeQuery(query)
.then(querySucceeded)
.fail(queryFailed);

Query Data
 Breeze resolves this query into an HTTP GET request
formatted as an OData URI
 EntityManager reshapes the result JSON data into entities
and merges them into its cache
 The Promise object forwards entities to the caller’s
success callback

Client Side Caching
 Cache entities locally on the JavaScript client
 Query client Cache, Server or both
 Navigate among entities in cache

Client Side Caching
/* Query the server, cache, or both */
var query = breeze.EntityQuery("Customers");
// execute query asynchronously on the server
manager.executeQuery(query).then(querySuccess).fail(queryFail);
// execute query synchronously on local cache
var customers = manager.executeQueryLocally(query)
// fetch customer by id from cache (if found) or remotely
var checkCacheFirst = true;
manager.fetchEntityByKey("CompanyName", 42, checkCacheFirst).then
(fetchSuccess).fail(fetchFail);

Track Changes
 Breeze Entities are self-tracking – they manage their own
state via entityAspect.entityState
 Refresh an entity to its current state on the server or revert
changed entities to their original values
 Get notifications about the entities that enter, leave, and
change in cache

Track Changes
 Examine entity state via entityAspect.entityState
 Respond to entity property change via
entityAspect.propertyChanged event
 Respond to change validation errors via
entityAspect.validationErrorsChanged event

Track Changes
/* Change tracking */// save all changes (if there are any)
if (manager.hasChanges())
{
manager.saveChanges().then(saveSucceeded).fail(saveFailed);
}
// listen for any change to a customer
customer.entityAspect.propertyChanged.subscribe(somethingHappened);
// listen for validation errors
customer.entityAspect.validationErrorsChanged.subscribe(updateValid
ationUI);

http://www.breezejs.com
 Breeze SDK
http://www.breezejs.com/sites/all/apidocs/index.html
 Trouble Shooting
http://stackoverflow.com/questions/tagged/breeze

yaniv@e4d.co.il
http://blogs.microsoft.co.il/blogs/rdt/

Js il 2013 breeze.js

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Js il 2013 breeze.js

Similar to Js il 2013 breeze.js (20)

More from Eyal Vardi

More from Eyal Vardi (20)

Recently uploaded

Recently uploaded (20)

Js il 2013 breeze.js

Editor's Notes