{"id":1456,"date":"2023-05-01T04:20:29","date_gmt":"2023-05-01T03:20:29","guid":{"rendered":"https:\/\/mobifeverlabs.in\/?p=1456"},"modified":"2023-05-01T04:32:19","modified_gmt":"2023-05-01T03:32:19","slug":"the-solo-javascript-developer-challenging-google-and-facebook","status":"publish","type":"post","link":"https:\/\/mobifeverlabs.in\/index.php\/2023\/05\/01\/the-solo-javascript-developer-challenging-google-and-facebook\/","title":{"rendered":"The Solo JavaScript Developer Challenging Google and Facebook"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1456\" class=\"elementor elementor-1456\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d3b81bc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7d3b81bc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d5453cc\" data-id=\"5d5453cc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-118c5a8e elementor-widget elementor-widget-text-editor\" data-id=\"118c5a8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.12.2 - 23-04-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<!-- wp:paragraph -->\n<p><strong>Vue, an open-source framework, is winning fans among the creators of web applications.<\/strong><\/p>\n<!-- \/wp:paragraph -->\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00afe62 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"00afe62\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-639719c\" data-id=\"639719c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-839b3ab elementor-widget elementor-widget-image\" data-id=\"839b3ab\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.12.2 - 23-04-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"810\" height=\"539\" src=\"https:\/\/mobifeverlabs.in\/wp-content\/uploads\/2023\/05\/source-code-software-4280758-1024x682.jpg\" class=\"attachment-large size-large wp-image-1458\" alt=\"source, code, software-4280758.jpg\" loading=\"lazy\" srcset=\"https:\/\/mobifeverlabs.in\/wp-content\/uploads\/2023\/05\/source-code-software-4280758-1024x682.jpg 1024w, https:\/\/mobifeverlabs.in\/wp-content\/uploads\/2023\/05\/source-code-software-4280758-300x200.jpg 300w, https:\/\/mobifeverlabs.in\/wp-content\/uploads\/2023\/05\/source-code-software-4280758-768x512.jpg 768w, https:\/\/mobifeverlabs.in\/wp-content\/uploads\/2023\/05\/source-code-software-4280758.jpg 1280w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3667d9f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3667d9f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51969f8\" data-id=\"51969f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ccd03f9 elementor-widget elementor-widget-text-editor\" data-id=\"ccd03f9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p><span class=\"lead-in-text-callout\">IT&#8217;S HARD TO<\/span>\u00a0escape the gravity of internet giants like\u00a0<a href=\"https:\/\/www.wired.com\/tag\/facebook\/\" data-uri=\"d946f170b5e3c89e55ac103ca009c96b\">Facebook<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.wired.com\/tag\/google\/\" data-uri=\"3b0088ec18754af18e6c6f4f15d00b2c\">Google<\/a>. Not only do they offer an ever-growing number of apps and services that are hard to live without, many other popular websites and applications incorporate code written by these companies.<\/p>\n<p class=\"paywall\">That&#8217;s because today&#8217;s web developers don&#8217;t typically write all of their code themselves. Instead, they rely on\u00a0<a href=\"https:\/\/www.wired.com\/tag\/open-source\/\" data-uri=\"ead81ebd248d07c90e280bbf18626a9d\">open source<\/a>\u00a0&#8220;frameworks,&#8221; which provide both a collection of reusable parts and an overall structure for building an application. Frameworks free developers from much grunt work, allowing them to focus on the newer, more interesting parts of an application.<\/p>\n<p class=\"paywall\">Google\u2019s Angular and Facebook\u2019s React are the two most popular frameworks for building applications with\u00a0<a href=\"https:\/\/www.wired.com\/2016\/05\/javascript-conquered-web-now-taking-desktop\/\" data-uri=\"64a9b26b4d31becbaea8501f6cea0876\">JavaScript<\/a>, the standard language for writing code that runs in your browser, as opposed to on a company&#8217;s server. That makes sense. The two companies are responsible for some of the most complex browser-based applications, such as Gmail, Google Docs, and Facebook itself. And they can afford to pay programmers to maintain those frameworks, alleviating concerns that crucial software could end up\u00a0<a href=\"https:\/\/www.wired.com\/story\/giving-open-source-projects-life-after-a-developers-death\/\" data-uri=\"aa3a13dc60c9127a2159fbec457e0618\">abandoned<\/a>.<\/p>\n<div class=\"GridWrapper-uChIO jPANBg grid grid-margins grid-items-2 ArticlePageChunksGrid-kSsjNq bgKfPe grid-layout--adrail narrow wide-adrail\">\n<div class=\"GridItem-btGJuM efCVnM grid--item grid-layout__content\">\n<div class=\"BodyWrapper-cuyyBm hkWuGC body body__container article__body\" data-journey-hook=\"client-content\" data-testid=\"BodyWrapper\">\n<div class=\"body__inner-container\">\n<p class=\"paywall\">But a growing number of developers are flocking to Vue, a JavaScript framework developed by independent programmer Evan You and funded by donations from individual users and sponsorships from small companies. At the end of 2017, Vue was tied for third-most-downloaded JavaScript framework with the more established Ember, behind Facebook\u2019s React and Google\u2019s Angular, according to\u00a0<a class=\"external-link\" href=\"https:\/\/www.npmjs.com\/npm\/state-of-javascript-frameworks-2017-part-1\" target=\"_blank\" rel=\"nofollow noopener\" data-offer-url=\"https:\/\/www.npmjs.com\/npm\/state-of-javascript-frameworks-2017-part-1\" data-event-click=\"{&quot;element&quot;:&quot;ExternalLink&quot;,&quot;outgoingURL&quot;:&quot;https:\/\/www.npmjs.com\/npm\/state-of-javascript-frameworks-2017-part-1&quot;}\" data-uri=\"bdb808bd8d92b228432861821f8f4037\">data<\/a>\u00a0compiled by the startup\u00a0<a href=\"https:\/\/www.wired.com\/2015\/04\/npm-funding\/\" data-uri=\"3b90c281c890894b2bdb7029fcb6d50d\">NPM<\/a>, which offers tools for installing and managing packages of JavaScript code. The rankings were unchanged in more recent data presented at the JSConf event in Carlsbad, California, this week. But Vue grew faster over the past two years than Angular. Vue has been used by the likes of Adobe, Baidu, Alibaba, Netflix, Nintendo, and Tencent. Even Facebook has used Vue for a\u00a0<a class=\"external-link\" href=\"https:\/\/newsfeed.fb.com\/\" target=\"_blank\" rel=\"nofollow noopener\" data-offer-url=\"https:\/\/newsfeed.fb.com\/\" data-event-click=\"{&quot;element&quot;:&quot;ExternalLink&quot;,&quot;outgoingURL&quot;:&quot;https:\/\/newsfeed.fb.com\/&quot;}\" data-uri=\"c98e801faa24d2651fb0f8fc21ad0634\">marketing page<\/a>. That\u2019s an impressive achievement given that Vue has just two full-time developers and lacks the backing of a name-brand company.<\/p>\n<p class=\"paywall\">The big reason for Vue&#8217;s success, developers who rely on it say, is its simplicity. More companies want to build web applications that, like Google Docs, feel as snappy as a native application. But few actually build applications as complex as Facebook\u2019s or Google\u2019s. What developers often really want is a framework for building small, interactive web apps. Angular can be overkill for simple applications, while React has a steep learning curve even for experienced developers.<\/p>\n<div>\n<div class=\"ConsumerMarketingUnitThemedWrapper-kjAKNf hvESZJ consumer-marketing-unit consumer-marketing-unit--article-mid-content\" role=\"presentation\" aria-hidden=\"true\">\n<div class=\"consumer-marketing-unit__slot consumer-marketing-unit__slot--article-mid-content consumer-marketing-unit__slot--in-content\">\u00a0<\/div>\n<div class=\"journey-unit\">\u00a0<\/div>\n<\/div>\n<\/div>\n<p class=\"paywall\">Vue applies a more &#8220;layered&#8221; approach to building a framework. Its simple core foundation is easy for developers to learn. More advanced features can be added atop that foundation. But those advanced features are optional, and they don\u2019t add weight or complexity to an application that doesn\u2019t use them. &#8220;It\u2019s very easy to get started, and it grows with you as your skills develop,&#8221; says Taylor Otwell, a Vue user and creator of the popular server-side framework called Laravel.<\/p>\n<div class=\"AdWrapper-fGHyEL fPbRdi ad imnghfb\">\n<div class=\"ad__slot ad__slot--in-content\" data-node-id=\"7c7br7\">\u00a0<\/div>\n<\/div>\n<p class=\"paywall\">Vue has been around since 2014, but it&#8217;s only really taken off in the past two years. You started the project while working at Google&#8217;s Creative Lab, a multidisciplinary team within the company. He wasn&#8217;t involved with the Angular team, but he used it in a few projects, and it inspired him to create his own simpler framework based on some of the same ideas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"GridItem-btGJuM bGetkH grid--item grid-layout__aside\">\n<div class=\"StickyBoxWrapper-esWinU bSxsLn sticky-box\">\n<div class=\"StickyBoxPrimary-fFrXmn hYtIfu sticky-box__primary\">\n<div class=\"RecircMostPopularWrapper-kYTxmu jcHSDo recirc-most-popular-wrapper viewport-monitor-anchor\" data-attr-viewport-monitor=\"\" data-event-boundary=\"click\" data-event-click=\"{&quot;pattern&quot;:&quot;RecircMostPopular&quot;}\" data-in-view=\"{&quot;pattern&quot;:&quot;RecircMostPopular&quot;}\" data-include-experiments=\"true\">\n<div class=\"RecircMostPopularContiner-heWCeX bkkeim recirc-most-popular-sparrow-tracking hide-aside-ad\" data-most-popular-id=\"mod-most-popular-10024\">\n<div class=\"SummaryItemWrapper-gctalf bykegE summary-item summary-item--has-border summary-item--ARTICLE summary-item--no-icon summary-item--text-align-left summary-item--layout-placement-side-by-side summary-item--layout-position-image-left summary-item--layout-proportions-33-66 summary-item--side-by-side-align-center summary-item--side-by-side-image-right-mobile-false summary-item--standard RecircMostPopularSummaryItem-brNZRs kTWfoQ\" tabindex=\"0\" role=\"button\" data-event-boundary=\"click\" data-event-click=\"{&quot;pattern&quot;:&quot;SummaryItem&quot;}\" data-in-view=\"{&quot;pattern&quot;:&quot;SummaryItem&quot;}\" data-include-experiments=\"true\">\n<div class=\"SummaryItemContent-gZLXlp jiwQnS summary-item__content\">\n<div class=\"ClampWrapper-btLCQd dOWbxo clamp SummaryItemHedBase-eaxFWE fcczqx summary-item__hed\" data-testid=\"ClampWrapper\">\u00a0<\/div>\n<\/div>\n<div class=\"SummaryItemAssetContainer-jvUIlj cOQfoG summary-item__asset-container\">\u00a0<\/div>\n<div class=\"SummaryItemContent-gZLXlp jiwQnS summary-item__content\">\n<div class=\"ClampWrapper-btLCQd dOWbxo clamp SummaryItemHedBase-eaxFWE fcczqx summary-item__hed\" data-testid=\"ClampWrapper\">\u00a0<\/div>\n<\/div>\n<div class=\"SummaryItemAssetContainer-jvUIlj cOQfoG summary-item__asset-container\">\u00a0<\/div>\n<div class=\"SummaryItemContent-gZLXlp jiwQnS summary-item__content\">\n<div class=\"ClampWrapper-btLCQd dOWbxo clamp SummaryItemHedBase-eaxFWE fcczqx summary-item__hed\" data-testid=\"ClampWrapper\">\u00a0<\/div>\n<\/div>\n<div class=\"SummaryItemAssetContainer-jvUIlj cOQfoG summary-item__asset-container\">\u00a0<\/div>\n<div class=\"SummaryItemContent-gZLXlp jiwQnS summary-item__content\">\n<div class=\"ClampWrapper-btLCQd dOWbxo clamp SummaryItemHedBase-eaxFWE fcczqx summary-item__hed\" data-testid=\"ClampWrapper\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"GridWrapper-uChIO jPANBg grid grid-margins grid-items-2 ArticlePageChunksGrid-kSsjNq bgKfPe grid-layout--adrail narrow wide-adrail\">\n<div class=\"GridItem-btGJuM efCVnM grid--item grid-layout__content\">\n<div class=\"BodyWrapper-cuyyBm hkWuGC body body__container article__body\" data-journey-hook=\"client-content\" data-testid=\"BodyWrapper\">\n<div class=\"body__inner-container\">\n<p class=\"paywall\">&#8220;I didn&#8217;t set out thinking &#8216;I&#8217;m going to make a framework to beat the other frameworks,'&#8221; he says. &#8220;It started out as an experimental little library to solve problems I encountered in my work.&#8221;<\/p>\n<div class=\"inline-recirc-wrapper inline-recirc-observer-target-1 viewport-monitor-anchor\" data-attr-viewport-monitor=\"inline-recirc\" data-event-boundary=\"click\" data-event-click=\"{&quot;pattern&quot;:&quot;InlineRecirc&quot;}\" data-in-view=\"{&quot;pattern&quot;:&quot;InlineRecirc&quot;}\" data-include-experiments=\"true\">\u00a0<\/div>\n<p class=\"paywall\">Early on, Vue caught the eye of one of its most vocal advocates, Jinjiang Zhao, a China-based developer at e-commerce giant Alibaba. Zhao says he had started working on something similar at Alibaba, but when he discovered Vue, he adopted it and encouraged Alibaba colleagues to use Vue in their projects. He says it was slow going, because Vue had no name recognition compared with Angular. Still, Zhao kept an eye on Vue, using it in small internal projects when he could; he also helped translate the documentation into Chinese and wrote blog posts in Chinese that helped Vue attract attention in China.<\/p>\n<p class=\"paywall\">You left Google in 2014 for a job with\u00a0<a href=\"https:\/\/www.wired.com\/2014\/10\/meteor\/\" data-uri=\"54db77aa399f8ebc16c586986778d983\">Meteor<\/a>, a startup that then was focused on creating a framework for using JavaScript for both the browser-side and server-side portions of an application. He continued working on Vue on the side and decided in 2016 to devote himself to working on it full time. It was around this time that Vue got its &#8220;big break&#8221;: Otwell and the team behind the Laravel framework added official support for Vue. That put Vue in front of the thousands of developers using Laravel.<\/p>\n<p class=\"paywall\">Zhao, meanwhile, made progress at Alibaba, converting more of his colleagues to the framework, which quickly spread to other Chinese companies. The fact that You is Chinese himself, and speaks frequently with the Chinese JavaScript community, helped as well.<\/p>\n<p class=\"paywall\">But even with a large and growing user base, making money from open source projects is hard. Even popular projects used by the world\u2019s largest companies\u00a0<a href=\"https:\/\/www.wired.com\/2016\/03\/former-open-sourcers-ask-companies-pay-fair-share\/\" data-uri=\"9dd23b594d85f11d60615348b023daa6\">struggle with funding<\/a>. You makes money from Vue in a few ways, including consulting, private training sessions, selling ads on the documentation, and donations. But the most important revenue stream comes from selling sponsorships that allow companies to place their logos on Vue\u2019s website. &#8220;I decided to sponsor the project because I was using it for many projects and felt that it deserved to be a paid product,&#8221; says Otwell of Laravel. But not every company using Vue has been so generous. Eventually, You hopes to add more commercial offerings to entice more companies to pay up.<\/p>\n<p class=\"paywall\">The big question is whether Vue can sustain developer interest. The browser-side programming ecosystem is notoriously turbulent, with libraries and frameworks frequently rising and falling in popularity. It wasn&#8217;t long ago that an older project called Backbone was by far the most popular JavaScript framework, and Angular and React were the insurgents.<\/p>\n<p class=\"paywall\">Regardless, You has already proven that independent software can still find a place in the era of internet giants.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vue, an open-source framework, is winning fans among the creators of web applications. IT&#8217;S HARD TO&nbsp;escape the gravity of internet giants like&nbsp;Facebook&nbsp;and&nbsp;Google. Not only do they offer an ever-growing number of apps and services that are hard to live without, many other popular websites and applications incorporate code written by these companies. That&#8217;s because today&#8217;s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/posts\/1456"}],"collection":[{"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":5,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/posts\/1456\/revisions"}],"predecessor-version":[{"id":1464,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/posts\/1456\/revisions\/1464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/media\/1462"}],"wp:attachment":[{"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/media?parent=1456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/categories?post=1456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobifeverlabs.in\/index.php\/wp-json\/wp\/v2\/tags?post=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}