{"id":1248,"date":"2016-08-29T14:08:54","date_gmt":"2016-08-29T14:08:54","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1248"},"modified":"2016-09-27T18:45:39","modified_gmt":"2016-09-27T18:45:39","slug":"built-with-ionic-marketwatch","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch","title":{"rendered":"Built with Ionic: MarketWatch"},"content":{"rendered":"

\"marketwatch-header\"

\u201cWe consider ourselves a resource for all of life\u2019s money decisions, and we hope our app serves as a critical utility for users in building wealth and for smart financial planning,\u201d says Brian Aguilar<\/a>, head of product for MarketWatch. \u201cWe did extensive research to find the right fit for a hybrid platform that would serve our needs, and Ionic was the best match.\u201d
\n<\/p>\n

The MarketWatch development team started with a three-tab template and customized from there, using side menus, ion-lists, slide boxes, and modals as the primary UI elements.<\/p>\n

\u201cMigrating our notification system from an in-house solution to leveraging Urban Airship was a big win for us, and the UA plugin made it incredibly easy,\u201d says Terry Johnson<\/a>, one of the mobile developers at MarketWatch. \u201cWe also used the in-app browser plugin to connect simply with our custom OAuth solution for connecting users to their watchlist, or a list of investments that they want to monitor.\u201d<\/p>\n

The app performs the same on both Android and iOS, with slight differences in sizes and layout, which the team managed via CSS.<\/p>\n

\u201cWe did use the Crosswalk plugin in order to even out the Android experience,\u201d says Johnson.<\/p>\n

The team faced some challenges keeping plugins up to date but solved the issues with remove-and-add scripts.<\/p>\n

\u201cWe also had some hurdles to overcome with our watchlist service, where calls to the service could be behind compared with changes in the app, but we used Angular broadcast events to keep track of the state between screens,\u201d says Johnson. \u201cDealing with iframes that we don\u2019t control inside of content was a pain point as well, but we were able to get past the window.open(url, \u2018_blank\u2019); problem with some iframe sandbox properties and some injected JavaScript.\u201d<\/p>\n

The MarketWatch development team is small, with more web development expertise than native development experience, so they chose Ionic to leverage their familiarity with web technologies.<\/p>\n

\u201cFeatures that appealed to us included web views and the ability to reuse web code, use of existing libraries, and plugins,\u201d says Johnson. \u201cIonic provides a faster experience than our previous apps, and the transitions are elegant. We think Ionic handles a progressive environment well.\u201d<\/p>\n

Aguilar says the team plans to build additional features to the app in the next few months.<\/p>\n

\u201cWe picked Ionic because of how heavily it leans on existing technologies that we are familiar with and use regularly, but we wanted something that also didn\u2019t compromise on the app experience,\u201d he says. \u201cThe fact that the framework is so performant only reinforced our decision. We\u2019re incredibly pleased with the outcome and think Ionic has made our app stronger.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"

The MarketWatch app is a free news and market data app available for iOS and Android. It\u2019s targeted to the MarketWatch.com community, as well as anyone interested in news coverage and analysis about the markets and personal finance. MarketWatch is owned by Dow Jones, publisher of The Wall Street Journal. \u201cWe consider ourselves a resource […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[8,30,3],"class_list":["post-1248","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with","tag-built-with-ionic","tag-ionic"],"acf":[],"yoast_head":"\nBuilt with Ionic: MarketWatch - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Built with Ionic: MarketWatch\" \/>\n<meta property=\"og:description\" content=\"The MarketWatch app is a free news and market data app available for iOS and Android. It\u2019s targeted to the MarketWatch.com community, as well as anyone interested in news coverage and analysis about the markets and personal finance. MarketWatch is owned by Dow Jones, publisher of The Wall Street Journal. \u201cWe consider ourselves a resource […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-29T14:08:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-27T18:45:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg\" \/>\n<meta name=\"author\" content=\"Katie Ginder-Vogel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@katiegv\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katie Ginder-Vogel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Built with Ionic: MarketWatch\",\"datePublished\":\"2016-08-29T14:08:54+00:00\",\"dateModified\":\"2016-09-27T18:45:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\"},\"wordCount\":499,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg\",\"keywords\":[\"Built With\",\"Built with Ionic\",\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\",\"url\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\",\"name\":\"Built with Ionic: MarketWatch - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg\",\"datePublished\":\"2016-08-29T14:08:54+00:00\",\"dateModified\":\"2016-09-27T18:45:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header.jpg\",\"width\":1400,\"height\":823},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Built with Ionic: MarketWatch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\",\"name\":\"Katie Ginder-Vogel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"caption\":\"Katie Ginder-Vogel\"},\"sameAs\":[\"https:\/\/x.com\/katiegv\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/katie\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Built with Ionic: MarketWatch - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch","og_locale":"en_US","og_type":"article","og_title":"Built with Ionic: MarketWatch","og_description":"The MarketWatch app is a free news and market data app available for iOS and Android. It\u2019s targeted to the MarketWatch.com community, as well as anyone interested in news coverage and analysis about the markets and personal finance. MarketWatch is owned by Dow Jones, publisher of The Wall Street Journal. \u201cWe consider ourselves a resource […]","og_url":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch","og_site_name":"Ionic Blog","article_published_time":"2016-08-29T14:08:54+00:00","article_modified_time":"2016-09-27T18:45:39+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg"}],"author":"Katie Ginder-Vogel","twitter_card":"summary_large_image","twitter_creator":"@katiegv","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Katie Ginder-Vogel","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Built with Ionic: MarketWatch","datePublished":"2016-08-29T14:08:54+00:00","dateModified":"2016-09-27T18:45:39+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch"},"wordCount":499,"commentCount":2,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg","keywords":["Built With","Built with Ionic","Ionic"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch","url":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch","name":"Built with Ionic: MarketWatch - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header-1024x602.jpg","datePublished":"2016-08-29T14:08:54+00:00","dateModified":"2016-09-27T18:45:39+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/marketwatch-header.jpg","width":1400,"height":823},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-marketwatch#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Built with Ionic: MarketWatch"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd","name":"Katie Ginder-Vogel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","caption":"Katie Ginder-Vogel"},"sameAs":["https:\/\/x.com\/katiegv"],"url":"https:\/\/ionic.io\/blog\/author\/katie"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1248"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1248\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}