{"id":2592,"date":"2017-11-23T15:52:35","date_gmt":"2017-11-23T15:52:35","guid":{"rendered":"https:\/\/cns72.com\/vytcdc.com.sg\/?p=2592"},"modified":"2019-11-20T12:15:09","modified_gmt":"2019-11-20T06:45:09","slug":"why-reactjs-is-becoming-popular-as-a-javascript-library","status":"publish","type":"post","link":"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/","title":{"rendered":"Why ReactJS is becoming popular as a Javascript library!"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>React \u00a0is a Javascript library developed solely for the purpose of UI designing. It was developed in Facebook to facilitate the implementation of \u00a0reusable, interactive and stateful UI components. Facebook use this library in production. The entire Instagram site is written in React.<\/p>\n<h2>Features<\/h2>\n<p>While the React\u2019s brothers (Angular, Ember, Backbone) are dubbed as client-side\u00a0<a href=\"https:\/\/www.tutorialspoint.com\/mvc_framework\/mvc_framework_introduction.htm\" target=\"_blank\" rel=\"noopener noreferrer\">MVC<\/a>frameworks, this guy is different. His creators call him the \u2018V\u2019 of MVC. In other words. he entirely focuses on \u2018View\u2019 which describes the User Interaction part.<\/p>\n<p>React is the fastest of the bunch. He carefully notes down the differences in his in-memory cache and use these differences to update the\u00a0<a href=\"https:\/\/www.w3.org\/TR\/1998\/WD-DOM-19980720\/introduction.html\" target=\"_blank\" rel=\"noopener noreferrer\">DOM<\/a>\u00a0in browser, which is what gives him the boost. This is the Virtual DOM feature.<\/p>\n<p>Other notable features include One way dataflow and\u00a0<a href=\"https:\/\/facebook.github.io\/react\/docs\/jsx-in-depth.html\" target=\"_blank\" rel=\"noopener noreferrer\">JSX<\/a>\u00a0(the react components are basically JSX).<\/p>\n<h2>React vs Angular<\/h2>\n<p>React alone is not comparable to Angular. Angular is an entire framework while React is just a library. But with React Router (for routing), Relay,\u00a0<a href=\"http:\/\/graphql.org\/learn\/\" target=\"_blank\" rel=\"noopener noreferrer\">GraphQL<\/a>\u00a0(for declaring dependencies) and React Native, it clearly outweighs Angular.<\/p>\n<p>With React we attain the freedom to choose, which is lacking in Angular. This freedom of choice is a great deal since developers can make decisions on \u00a0how and what to use with React. But Angular does not provide this freedom. We are bound to follow some rules and hence developers are limited to choices.<\/p>\n<h2>What is happening now?<\/h2>\n<p>With the release of Angular 2.0, and the news that it is not backward compatible, \u00a0React swooped in and stole the hearts and minds of legions of developers with a \u2018simple view library\u2019. React has moved on from a simple view \u2018library\u2019 to an \u2018ecosystem\u2019 and more and more developers are \u00a0flowing in.<\/p>\n<p>React js Reddit popularity stats show that it is \u00a0growing at an amazing rate of 40% every month, which is impressive.<\/p>\n<h2>What does the future hold?<\/h2>\n<p>The future is \u2018Web-Componentization\u2019. React supports it and so we will have cleaner code and better modularization. This will save a lot of time and money for web-based companies, especially in huge projects which are required to be maintained for years.<\/p>\n<p>React is still in its youth, and so has the chance to grow, while Angular\u2019s growth rate is immobile. We will have to wait to see what the future holds&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction React \u00a0is a Javascript library developed solely for the purpose of UI designing. It was developed in Facebook to facilitate the implementation of \u00a0reusable, interactive and stateful UI components. Facebook use this library in production. The entire Instagram site is written in React. Features While the React\u2019s brothers (Angular, Ember, Backbone) are dubbed as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2593,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[45],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why ReactJS is becoming popular as a Javascript library! - TCDC<\/title>\n<link rel=\"canonical\" href=\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why ReactJS is becoming popular as a Javascript library! - TCDC\" \/>\n<meta property=\"og:description\" content=\"Introduction React \u00a0is a Javascript library developed solely for the purpose of UI designing. It was developed in Facebook to facilitate the implementation of \u00a0reusable, interactive and stateful UI components. Facebook use this library in production. The entire Instagram site is written in React. Features While the React\u2019s brothers (Angular, Ember, Backbone) are dubbed as [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\" \/>\n<meta property=\"og:site_name\" content=\"TCDC\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vytcdc\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-23T15:52:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-20T06:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2017\/11\/react-img.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"455\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:site\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"TCDC\",\"description\":\"Career Development Courses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/cns72.com\/vytcdc.com.sg\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2017\/11\/react-img.jpg\",\"width\":1000,\"height\":455},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/#webpage\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\",\"name\":\"Why ReactJS is becoming popular as a Javascript library! - TCDC\",\"isPartOf\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/#primaryimage\"},\"datePublished\":\"2017-11-23T15:52:35+00:00\",\"dateModified\":\"2019-11-20T06:45:09+00:00\",\"author\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\"},\"breadcrumb\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/why-reactjs-is-becoming-popular-as-a-javascript-library\/\",\"name\":\"Why ReactJS is becoming popular as a Javascript library!\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f8f959f70994a4401c8704d6b2143474?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2592"}],"collection":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/comments?post=2592"}],"version-history":[{"count":0,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media\/2593"}],"wp:attachment":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media?parent=2592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/categories?post=2592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/tags?post=2592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}