{"id":12654,"date":"2019-02-08T10:34:15","date_gmt":"2019-02-08T10:34:15","guid":{"rendered":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/"},"modified":"2024-10-03T09:00:23","modified_gmt":"2024-10-03T09:00:23","slug":"vue-native-detailed-guide-about-progressive-javascript-framework","status":"publish","type":"post","link":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/","title":{"rendered":"Vue Native: A Detailed Guide About Progressive JavaScript Framework"},"content":{"rendered":"

Native apps are preferred due to the quality, but on the flip side, building native apps on the myriad of the platforms are rather time-consuming and expensive. The cross-platform development is a faster and cheaper approach to offer the native app-like experience to the users on the multiple platforms.<\/p>\n

However, cross-platform is considered as the inefficient method because the apps developed offer subpar performance, and have UI issues as well.<\/p>\n

With technology advancement, the best-in-class tools for cross-platform app development are available that claims to build a native-like app with top-notch performance. The Vue Native framework is making inroads into cross-platform development space.<\/p>\n

<\/span>A Brief Intro of Vue Native<\/span><\/h2>\n

Vue Native is one of the front-end JavaScript frameworks<\/a> that enable developers to build cross-platform native mobile apps using Vue.js. The JavaScript framework has gained a good response from the JavaScript front-end developers due to the easy learning curve, easy integration, faster development, and code run in all browsers that enables the lightweight app development.<\/p>\n

Take a Step Back, a Little Into How Vue Native Was Engineered<\/h3>\n

Previously, there was a limitation with Vue.js, which is a deal breaker for the developers as they are unable to build mobile apps unless NativeScript or Weex framework is not used. Also, the app development leveraging additional frameworks was slow, unproductive and packed with some cons that were impacting its wide adoption.<\/p>\n

After a lot of experimentation, a team of web developers finally created a new framework combining Vue.js and React Native that\u2019s Vue Native to enable cross-platform development.<\/p>\n

Now, it\u2019s available under the MIT license, so developers can leverage the Vue JavaScript framework without having any copyright issues. The post-official announcement, the framework has scored an immense popularity with over 2500 projects, started on Github after a few days of the release.<\/p>\n

The excitement towards Vue Native is due to the union of the goodness Vue ecosystem and React Native ecosystem that has made mobile app development<\/a> plain-sailing.<\/p>\n

<\/span>Let\u2019s Discuss First How Vue Native Works<\/span><\/h2>\n

Vue Native – the progressive JavaScript framework transpiles to React Native to build the native iOS and Android apps using JavaScript framework.<\/p>\n

Later, Vue Native CLI is leveraged to create a Vue Native app which works as a React Native API wrapper, which further generates a single application using vue-native-core and create-react-native-app.<\/p>\n

Read also: Reason Why Most Developers are Preferring Vue.js for Developing Web Applications<\/a><\/strong><\/em><\/p><\/blockquote>\n

<\/span>The Distinctive Features That Are Distinguishing Vue Native<\/span><\/h2>\n

Declarative Rendering<\/h3>\n

Declarative rendering that resides at the core of Vue Native is a process that allows the developers to declaratively render the data using template syntax.<\/p>\n

Here, the piece of code is written by the developers aiming to hide the implementation details and focus on the outcome. The feature enables the changes in the data only when the inputs are entered and data consistency is maintained.<\/p>\n

Two-way Binding<\/h3>\n

Vue Native support two-way binding using V-model directive that keeps the data in sync with DOM, which eliminates the need to write extra lines of code or creating logic, which in turn, reduces the time required for coding.<\/p>\n

It also follows the MVVM pattern<\/a> where the changes in the model and views can be done in one step with no waiting required for UI element rendering.<\/p>\n

Compiles to React Native<\/h3>\n

The Vue.js framework is created on the top of React Native framework, which offers a golden opportunity for the rookie developers who are inexperienced with React Native to build mobile apps.<\/p>\n

Vue Native is like a syntactic sugar for learning React Native as all the components of React Native can be imported, observed and used in the Vue Native using reactivity system.<\/p>\n

Additionally, Vue Native also allows the developers to run Vue components in React application using react-vue-loader and run the Vue Native component in React Native using vue-native-script.<\/p>\n

Vue Native Router<\/h3>\n

In order to help the developers handle the routing better in Vue Native applications, a vue.js plugin is provided.<\/p>\n

The plugin is quite similar to React Navigation Router in incorporating navigation in the mobile applications, which can be implemented using a command line npm install vue-native-route. Also, the state management can be handled using Vuex.<\/p>\n

UI Component Reusability<\/h3>\n

The framework excels in UI components\u2019 adaptability where the Vue Native app developers are no more required to write the code repetitively for every platform (iOS, Android, or web). The reusability of the components leads to swift cross-platform app development and reduced time-to-market the app.<\/p>\n

Reactive System<\/h3>\n

Vue Native is based on MVVM model where the model is tied to views and each view is tied back to the model. The reactive system lies at the core of Vue Native that ensures that when the variables in the model are updated, the changes will be reflected in the views in an automated fashion.<\/p>\n

It takes off the heavy work from the developer\u2019s shoulders of updating a whole view when trivial changes are made to the model. This process saves a lot of time and efforts of the developers.<\/p>\n

Command Line Interface<\/h3>\n

The CLI has ushered a new era in front-end development with Vue CLI 3.0 release. The plugin-based architecture of CLI makes the app flexible and extensible as any of the plugins- Babel, TypeScript, PWA Support, Router, Vuex, CSS Pre-processors, Linter, Unit Testing, and E2E Testing can be added at any point of the app\u2019s lifecycle.<\/p>\n

Besides, \u2018no need to \u201ceject\u201d\u2019 is another great feature which allows the developers to quickly set up the app without any configuration unless any conditional changes are to be implemented. It also powers-up the developers with instant prototyping, PWA support, and GUI support that make the simple app development a breeze.<\/p>\n

Dynamic Binding Feature<\/h3>\n

With the v-bind:style directive, the Vue Native developers can increase or decrease the font size and add multiple styles to the data object in the model. Using v-bind:class directive, the classes can be dynamically bound to the elements, and even multiple classes can be bound using v-bind:class directive.<\/p>\n

Detailed Documentation<\/h3>\n

According to the opinion of most frontend development services<\/a> providers, Vue Native documentation is best-in-class from the perspective of both novice and experienced developers. Because, all the functionalities are explained in detail, the peculiarities associated with functionalities are illustrated, and how the framework works is described as well. The clear documentation makes it easy for the developers to learn and build the apps faster.<\/p>\n

What\u2019s More?<\/h3>\n

The array of features makes Vue Native beneficial to the Vue.js developers<\/a> who are new to the cross-platform development, as the functionality and documentation of both vue.js and Vue Native is easy to learn and use in development.<\/p>\n

Going ahead, if you are one of the vue.js developers who were embarrassed with native app development using vue.js in addition to NativeScript or Weex, even then Vue Native can be your best bet to place. What do you think? Is Vue Native a piece of your cake? If so, let\u2019s get started!<\/p>\n

Conclusion<\/h3>\n

The easy-to-learn and easy-to-use are the two key elements that help beginners to master the language or framework effortlessly. Vue Native boasts to have both the elements that make it beginner-friendly. It\u2019s a boon for the developers who opt to work with HTML, CSS, and jQuery for building the native mobile application.<\/p>\n

Bringing the best of both vue.js and React Native world in Vue Native makes it good to use. Further, the declarative rendering, UI component reusability, CLI 3.0, reactive system, two-way binding, and clear documentation are the pros, which are pushing the developers to prefer the framework over others.<\/p>\n

On the flip side, some issues are reported by the developers and the need of constant optimization, making it difficult to say anything about the popularity that Vue Native will gain among the developers in the years to come. Till then, just wait and watch what position the framework will acquire in cross-platform development tools.<\/p>\n

About the Author<\/strong>
\nAvantika Shergil is an enthusiastic Operations Manager at TopDevelopers<\/a>, coordinating and managing the technical and functional areas. Adventure lover, passionate traveller, and a lover of nature.<\/p>\n","protected":false},"excerpt":{"rendered":"

Native apps are preferred due to the quality, but on the flip side, building native apps on the myriad of the platforms are rather time-consuming and expensive. The cross-platform development is a faster and cheaper approach to offer the native app-like experience to the users on the multiple platforms. However, cross-platform is considered as the […]<\/p>\n","protected":false},"author":322,"featured_media":12655,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1434],"tags":[1798,2163,2164,2165,2002],"industries":[],"class_list":["post-12654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","tag-javascript-framework","tag-native-mobile-app","tag-vue-native","tag-vue-js-developers","tag-vue-js-development"],"acf":[],"yoast_head":"\nVue Native: Building Native Apps using Vue.js Framework<\/title>\n<meta name=\"description\" content=\"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue Native: Building Native Apps using Vue.js Framework\" \/>\n<meta property=\"og:description\" content=\"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"MindInventory\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mindiventory\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-08T10:34:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-03T09:00:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vijay Sadhu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mindinventory\" \/>\n<meta name=\"twitter:site\" content=\"@mindinventory\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vijay Sadhu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\"},\"author\":{\"name\":\"Vijay Sadhu\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a\"},\"headline\":\"Vue Native: A Detailed Guide About Progressive JavaScript Framework\",\"datePublished\":\"2019-02-08T10:34:15+00:00\",\"dateModified\":\"2024-10-03T09:00:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\"},\"wordCount\":1365,\"publisher\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png\",\"keywords\":[\"javaScript framework\",\"native mobile app\",\"vue native\",\"vue.js developers\",\"vue.js development\"],\"articleSection\":[\"Mobile\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\",\"name\":\"Vue Native: Building Native Apps using Vue.js Framework\",\"isPartOf\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png\",\"datePublished\":\"2019-02-08T10:34:15+00:00\",\"dateModified\":\"2024-10-03T09:00:23+00:00\",\"description\":\"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png\",\"width\":1200,\"height\":600,\"caption\":\"vue native\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mindinventory.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vue Native: A Detailed Guide About Progressive JavaScript Framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#website\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/\",\"name\":\"MindInventory\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mindinventory.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#organization\",\"name\":\"MindInventory\",\"alternateName\":\"Mind Inventory\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png\",\"width\":277,\"height\":100,\"caption\":\"MindInventory\"},\"image\":{\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Mindiventory\",\"https:\/\/x.com\/mindinventory\",\"https:\/\/www.instagram.com\/mindinventory\/\",\"https:\/\/www.linkedin.com\/company\/mindinventory\",\"https:\/\/www.pinterest.com\/mindinventory\/\",\"https:\/\/www.youtube.com\/c\/mindinventory\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a\",\"name\":\"Vijay Sadhu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp\",\"contentUrl\":\"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp\",\"caption\":\"Vijay Sadhu\"},\"description\":\"Vijay Sadhu is a Team Lead at MindInventory with 7+ years of experience in frontend architecture and development. He specializes in modern technologies such as React.js (Next.js), Vue.js (Nuxt.js), Angular, Redux, GraphQL, and Node.js. Vijay also has experience with AWS, Firebase, Three.js, AI integrations, and building AI-driven web applications.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/vijay-sadhu-5b2464301\/\"],\"url\":\"https:\/\/www.mindinventory.com\/blog\/author\/vijay-sadhu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vue Native: Building Native Apps using Vue.js Framework","description":"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.","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:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/","og_locale":"en_US","og_type":"article","og_title":"Vue Native: Building Native Apps using Vue.js Framework","og_description":"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.","og_url":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/","og_site_name":"MindInventory","article_publisher":"https:\/\/www.facebook.com\/Mindiventory","article_published_time":"2019-02-08T10:34:15+00:00","article_modified_time":"2024-10-03T09:00:23+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png","type":"image\/png"}],"author":"Vijay Sadhu","twitter_card":"summary_large_image","twitter_creator":"@mindinventory","twitter_site":"@mindinventory","twitter_misc":{"Written by":"Vijay Sadhu","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#article","isPartOf":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/"},"author":{"name":"Vijay Sadhu","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a"},"headline":"Vue Native: A Detailed Guide About Progressive JavaScript Framework","datePublished":"2019-02-08T10:34:15+00:00","dateModified":"2024-10-03T09:00:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/"},"wordCount":1365,"publisher":{"@id":"https:\/\/www.mindinventory.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png","keywords":["javaScript framework","native mobile app","vue native","vue.js developers","vue.js development"],"articleSection":["Mobile"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/","url":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/","name":"Vue Native: Building Native Apps using Vue.js Framework","isPartOf":{"@id":"https:\/\/www.mindinventory.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png","datePublished":"2019-02-08T10:34:15+00:00","dateModified":"2024-10-03T09:00:23+00:00","description":"Vue Native is one of the JavaScript frameworks that enable developers to build cross-platform native mobile apps using Vue.js. Let's see the features of Vue Native and what it offers for developers.","breadcrumb":{"@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#primaryimage","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2022\/10\/vue-native.png","width":1200,"height":600,"caption":"vue native"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mindinventory.com\/blog\/vue-native-detailed-guide-about-progressive-javascript-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mindinventory.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vue Native: A Detailed Guide About Progressive JavaScript Framework"}]},{"@type":"WebSite","@id":"https:\/\/www.mindinventory.com\/blog\/#website","url":"https:\/\/www.mindinventory.com\/blog\/","name":"MindInventory","description":"","publisher":{"@id":"https:\/\/www.mindinventory.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mindinventory.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mindinventory.com\/blog\/#organization","name":"MindInventory","alternateName":"Mind Inventory","url":"https:\/\/www.mindinventory.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2016\/12\/mindinventory-text-logo.png","width":277,"height":100,"caption":"MindInventory"},"image":{"@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mindiventory","https:\/\/x.com\/mindinventory","https:\/\/www.instagram.com\/mindinventory\/","https:\/\/www.linkedin.com\/company\/mindinventory","https:\/\/www.pinterest.com\/mindinventory\/","https:\/\/www.youtube.com\/c\/mindinventory"]},{"@type":"Person","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/33f81a2ed79c4705c44f35a0913a427a","name":"Vijay Sadhu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mindinventory.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp","contentUrl":"https:\/\/www.mindinventory.com\/blog\/wp-content\/uploads\/2024\/04\/Vijay-96x96.webp","caption":"Vijay Sadhu"},"description":"Vijay Sadhu is a Team Lead at MindInventory with 7+ years of experience in frontend architecture and development. He specializes in modern technologies such as React.js (Next.js), Vue.js (Nuxt.js), Angular, Redux, GraphQL, and Node.js. Vijay also has experience with AWS, Firebase, Three.js, AI integrations, and building AI-driven web applications.","sameAs":["https:\/\/www.linkedin.com\/in\/vijay-sadhu-5b2464301\/"],"url":"https:\/\/www.mindinventory.com\/blog\/author\/vijay-sadhu\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts\/12654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/users\/322"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/comments?post=12654"}],"version-history":[{"count":0,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/posts\/12654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/media\/12655"}],"wp:attachment":[{"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/media?parent=12654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/categories?post=12654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/tags?post=12654"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/www.mindinventory.com\/blog\/wp-json\/wp\/v2\/industries?post=12654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}