Load data for StocksApp incrementally

sky/examples/stocks-fn/lib/stock_app.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import 'package:sky/framework/components/action_bar.dart';
 import 'package:sky/framework/components/drawer.dart';
 import 'package:sky/framework/components/drawer_header.dart';
 import 'package:sky/framework/components/floating_action_button.dart';
 import 'package:sky/framework/components/icon.dart';
 import 'package:sky/framework/components/input.dart';
@@ skipping 16 matching lines @@
   static Style _iconStyle = new Style('''
     padding: 8px;'''
   );
 
   static Style _titleStyle = new Style('''
     padding-left: 24px;
     flex: 1;
     ${typography.white.title};'''
   );
 
-  List<Stock> _sortedStocks = [];
+  StockDataFetcher _stockDataFetcher;
+  List<Stock> _stocks = [];
   bool _isSearching = false;
   bool _isShowingMenu = false;
   String _searchQuery;
 
   StocksApp() : super() {
-    fetchStockOracle().then((oracle) {
+    _stockDataFetcher = new StockDataFetcher((StockData data) {
       setState(() {
-        _sortedStocks = oracle.stocks;
-        trace('StocksApp::sortStocks', () {
-          _sortedStocks.sort((a, b) => a.symbol.compareTo(b.symbol));
-        });
+        data.appendTo(_stocks);
       });
     });
   }
 
   void _handleSearchClick(_) {
     setState(() {
       _isSearching = !_isSearching;
     });
   }
 
@@ skipping 89 matching lines @@
           setState(() {
             _menuController.close();
             _menuController = null;
           });
         }
       ));
     }
 
     return new Scaffold(
       actionBar: actionBar,
-      content: new Stocklist(stocks: _sortedStocks, query: _searchQuery),
+      content: new Stocklist(stocks: _stocks, query: _searchQuery),
       fab: new FloatingActionButton(
         content: new Icon(type: 'content/add_white', size: 24), level: 3),
       drawer: drawer,
       overlays: overlays
     );
   }
 }