{"id":376,"date":"2016-09-04T08:02:45","date_gmt":"2016-09-04T08:02:45","guid":{"rendered":"http:\/\/fluentreports.com\/blog\/?p=376"},"modified":"2016-09-04T08:02:45","modified_gmt":"2016-09-04T08:02:45","slug":"nativescript-dynamicloader","status":"publish","type":"post","link":"https:\/\/fluentreports.com\/blog\/?p=376","title":{"rendered":"NativeScript - DynamicLoader"},"content":{"rendered":"<p><a href=\"http:\/\/nativescript.tools\/product\/16\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-377\" src=\"http:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/logo-dynamic.png\" alt=\"logo-dynamic\" width=\"400\" height=\"100\" srcset=\"https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/logo-dynamic.png 400w, https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/logo-dynamic-300x75.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a>I'm happy to announce my latest <a href=\"http:\/\/nativescript.tools\/product\/16\">commercial plugin<\/a>; this one is a bit different then most of my <a href=\"http:\/\/nativescript.rocks\/author.php?A=NathanaelA\">plugins<\/a>.<\/p>\n<p>I ran into a situation while benchmarking one of my apps where the parsing of the Declarative UI XML files and the building out of a fairly complex layout cost me a couple seconds of time when navigating to this screen.\u00a0\u00a0 I then found out that the majority of the time was spent building a part of the app that was completely hidden.\u00a0 So, I had to find a way to mitigate this...<\/p>\n<p>Enter my newest <a href=\"http:\/\/nativescript.tools\/product\/16\">plugin<\/a>, what I have built with this plugin is the ability for you to dynamically load (&amp; unload) any chunk of Declarative UI XML (and its associated JavaScript file) into any UI element that accepts at least a single child.<\/p>\n<p>I have a sample<a href=\"https:\/\/github.com\/NathanaelA\/nativescript-dynamicloader\"> github repo <\/a>using the new plugin, showing how easy it is to use the plugin, and a full demo showing different ways to use the plugin.<\/p>\n<p>Everything in the Blue box is totally loaded dynamically from all the different Declarative UI XML files that are located in the \/views\/ folders that you can see in the <a href=\"https:\/\/github.com\/NathanaelA\/nativescript-dynamicloader\">github repo<\/a>.<\/p>\n<p><a href=\"http:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/nativescript-dl0.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-378 alignleft\" src=\"http:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/nativescript-dl0.gif\" alt=\"nativescript-dl0\" width=\"277\" height=\"472\" \/><\/a> <a href=\"http:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/nativescript-dl3.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-379 alignright\" src=\"http:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2016\/09\/nativescript-dl3.gif\" alt=\"nativescript-dl3\" width=\"279\" height=\"476\" \/><\/a><\/p>\n<p>You can purchase this plugin at: <a href=\"http:\/\/nativescript.tools\/product\/16\">http:\/\/nativescript.tools\/product\/16<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I'm happy to announce my latest commercial plugin; this one is a bit different then most of my plugins. I ran into a situation while benchmarking one of my apps where the parsing of the Declarative UI XML files and the building out of a fairly complex layout cost me a couple seconds of time&hellip; <a class=\"more-link\" href=\"https:\/\/fluentreports.com\/blog\/?p=376\">Continue reading <span class=\"screen-reader-text\">NativeScript - DynamicLoader<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-376","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=376"}],"version-history":[{"count":1,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions\/380"}],"wp:attachment":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}