{"id":644,"date":"2017-03-06T13:52:20","date_gmt":"2017-03-06T13:52:20","guid":{"rendered":"http:\/\/blog.onclickinnovations.com\/?p=644"},"modified":"2017-04-10T10:05:28","modified_gmt":"2017-04-10T10:05:28","slug":"reactjs","status":"publish","type":"post","link":"https:\/\/onclickinnovations.com\/blog\/reactjs\/","title":{"rendered":"ReactJS"},"content":{"rendered":"<p>#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI<\/p>\n<p>React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.&nbsp; It allows to create DOM, from JavaScript, that automatically updates to any state changes within the model. It&#8217;s an extremely useful framework when dealing with AJAX, dynamically updated DOM, and single page web applications. React.js is JavaScript library developed by Facebook for building user interfaces &#8211; it\u2019s oftenly used as view in MVC applications and it doesn\u2019t make assumptions on rest of stack so you can use it with different tech stacks.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Pros<\/strong>:<\/p>\n<ul>\n<li>Extremely easy to write UI tests cases. This is due to the virtual DOM system implemented entirely in JS<\/li>\n<li>Components can be reuse easily throughout your app. They can also be combined, and wireup together to create even more complex UIs<\/li>\n<li>One can use reactJS as an alternative, or along with popular JS libraries such as angular, backbone and jQuery<\/li>\n<li>React will automatically manage all UI updates when your underlying data changes.<\/li>\n<li>Ease of debugging-There&#8217;s a reactJS chrome extension that allows you to inspect the DOM to figure out which component is rendering a particular piece of UI.<\/li>\n<li>Works nicely with commonJS \/ AMD patterns<\/li>\n<\/ul>\n<p><strong>Cons<\/strong>:<\/p>\n<ul>\n<li>There&#8217;s a learning curve for beginners whom are new to web development.<\/li>\n<li>Integrating ReactJS into a traditional MVC framework such as rails would require some configuration<\/li>\n<li>It&#8217;s kind of verbose. Writing components isn&#8217;t as straight forward as pure HTML &amp; JS<\/li>\n<li>It&#8217;s not a full framework. There&#8217;s no router nor model management libraries built into ReactJS &#8212; unlike angular or ember.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.&nbsp; It allows to create DOM, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/onclickinnovations.com\/blog\/reactjs\/\"> <span class=\"screen-reader-text\">ReactJS<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":641,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[1],"tags":[31,194,272,30,261,164,273],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ReactJS | 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:\/\/onclickinnovations.com\/blog\/reactjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ReactJS | Blog\" \/>\n<meta property=\"og:description\" content=\"#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.&nbsp; It allows to create DOM, &hellip; ReactJS Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onclickinnovations.com\/blog\/reactjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/officialonclick\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-06T13:52:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-10T10:05:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kavita Arora\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@OnClick_web\" \/>\n<meta name=\"twitter:site\" content=\"@OnClick_web\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kavita Arora\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/reactjs\/\",\"url\":\"https:\/\/onclickinnovations.com\/blog\/reactjs\/\",\"name\":\"ReactJS | Blog\",\"isPartOf\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#website\"},\"datePublished\":\"2017-03-06T13:52:20+00:00\",\"dateModified\":\"2017-04-10T10:05:28+00:00\",\"author\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c\"},\"breadcrumb\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/reactjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onclickinnovations.com\/blog\/reactjs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/reactjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/onclickinnovations.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ReactJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#website\",\"url\":\"https:\/\/onclickinnovations.com\/blog\/\",\"name\":\"Blog - OnclickInnovations Pvt. Ltd.\",\"description\":\"Onclick Innovations Pvt. Ltd.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onclickinnovations.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c\",\"name\":\"Kavita Arora\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g\",\"caption\":\"Kavita Arora\"},\"url\":\"https:\/\/onclickinnovations.com\/blog\/author\/divya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ReactJS | 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:\/\/onclickinnovations.com\/blog\/reactjs\/","og_locale":"en_US","og_type":"article","og_title":"ReactJS | Blog","og_description":"#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.&nbsp; It allows to create DOM, &hellip; ReactJS Read More &raquo;","og_url":"https:\/\/onclickinnovations.com\/blog\/reactjs\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/officialonclick\/","article_published_time":"2017-03-06T13:52:20+00:00","article_modified_time":"2017-04-10T10:05:28+00:00","og_image":[{"width":600,"height":270,"url":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1","type":"image\/png"}],"author":"Kavita Arora","twitter_card":"summary_large_image","twitter_creator":"@OnClick_web","twitter_site":"@OnClick_web","twitter_misc":{"Written by":"Kavita Arora","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onclickinnovations.com\/blog\/reactjs\/","url":"https:\/\/onclickinnovations.com\/blog\/reactjs\/","name":"ReactJS | Blog","isPartOf":{"@id":"https:\/\/onclickinnovations.com\/blog\/#website"},"datePublished":"2017-03-06T13:52:20+00:00","dateModified":"2017-04-10T10:05:28+00:00","author":{"@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c"},"breadcrumb":{"@id":"https:\/\/onclickinnovations.com\/blog\/reactjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onclickinnovations.com\/blog\/reactjs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onclickinnovations.com\/blog\/reactjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onclickinnovations.com\/blog\/"},{"@type":"ListItem","position":2,"name":"ReactJS"}]},{"@type":"WebSite","@id":"https:\/\/onclickinnovations.com\/blog\/#website","url":"https:\/\/onclickinnovations.com\/blog\/","name":"Blog - OnclickInnovations Pvt. Ltd.","description":"Onclick Innovations Pvt. Ltd.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onclickinnovations.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c","name":"Kavita Arora","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g","caption":"Kavita Arora"},"url":"https:\/\/onclickinnovations.com\/blog\/author\/divya\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/se8hCy-reactjs","jetpack-related-posts":[{"id":762,"url":"https:\/\/onclickinnovations.com\/blog\/react-native-way-to-build-world-class-applications\/","url_meta":{"origin":644,"position":0},"title":"React Native way to build world-class applications","author":"Kavita Arora","date":"May 17, 2017","format":false,"excerpt":"React Native is a framework that enables one\u00a0to build world-class application experiences on native platforms based on JavaScript\u00a0and React.React Native is a mobile framework that compiles to native app components, allowing one to build native mobile applications (iOS, Android, and Windows) in JavaScript. \u00a0It\u2019s based on React, Facebook\u2019s JavaScript library\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":701,"url":"https:\/\/onclickinnovations.com\/blog\/vue-js\/","url_meta":{"origin":644,"position":1},"title":"Vue.js","author":"Kavita Arora","date":"April 13, 2017","format":false,"excerpt":"Vue.js is a javascript framework to build user interfaces. Vue.js is a library for building web interfaces. Vue.js is simple, minimal core with an incrementally adoptable stack that can handle apps of any scale. Vue is designed from the ground up to be incrementally adoptable. The core library is focused\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":707,"url":"https:\/\/onclickinnovations.com\/blog\/is-it-right-to-say-mobx-has-overshadowed-redux\/","url_meta":{"origin":644,"position":2},"title":"Is it right to say MobX has overshadowed Redux","author":"Kavita Arora","date":"April 19, 2017","format":false,"excerpt":"#React#MobX#Redux#StateManagement Mobx and Redux both are used to manage state in JavaScript applications. So, Is it a valid argument that MobX is offering some values that were not available in Redux and has overshadowed Redux, the same way that unidirectional data flow killed two-way data binding or how React with\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/mobx2.png?fit=810%2C456&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/mobx2.png?fit=810%2C456&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/mobx2.png?fit=810%2C456&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/mobx2.png?fit=810%2C456&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":749,"url":"https:\/\/onclickinnovations.com\/blog\/webpack\/","url_meta":{"origin":644,"position":3},"title":"Webpack","author":"Kavita Arora","date":"May 11, 2017","format":false,"excerpt":"\"Webpack\" \u00a0a powerful module bundler, which\u00a0is common JavaScript file that combine html data, css data, javascript data etc in common file together and should be served to the client in a response to a single file request. It takes in a bunch of assets (ie. source, images, markup, CSS, ...)\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/05\/webpack.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/05\/webpack.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/05\/webpack.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/05\/webpack.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/05\/webpack.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1070,"url":"https:\/\/onclickinnovations.com\/blog\/web-frameworks-robust-features-furnish-custom-software-development\/","url_meta":{"origin":644,"position":4},"title":"Sophisticated web frameworks with robust features and functionalities","author":"Rohit Sharma","date":"October 23, 2018","format":false,"excerpt":"Are you looking for the custom software development company that can work on various frameworks that meet with the needs of today\u2019s competitive market? If yes, then you can surely find such companies. With evolving technology, better go with the web development company\u00a0that is well versed with the various web\u2026","rel":"","context":"In &quot;Custom Software Development&quot;","block_context":{"text":"Custom Software Development","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development\/"},"img":{"alt_text":"custom software development","src":"https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=700%2C400 2x, https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=1050%2C600 3x, https:\/\/i0.wp.com\/blog.onclickinnovations.com\/wp-content\/uploads\/2018\/10\/robust-features.jpg?resize=1400%2C800 4x"},"classes":[]},{"id":690,"url":"https:\/\/onclickinnovations.com\/blog\/backbone-js\/","url_meta":{"origin":644,"position":5},"title":"Backbone.js","author":"Kavita Arora","date":"April 11, 2017","format":false,"excerpt":"Backbone.js \u00a0a popular open source JavaScript framework that allows us to develop single page web application. It offers a MVC framework for organizing Javascript application. About Backbone.js::- - Backbone.js is a client-side MVC architecture. It is a design pattern where we separate the data from the way it is defined,\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/backbone.jpg?fit=700%2C400&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/backbone.jpg?fit=700%2C400&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/backbone.jpg?fit=700%2C400&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/backbone.jpg?fit=700%2C400&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/644"}],"collection":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/comments?post=644"}],"version-history":[{"count":2,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/644\/revisions"}],"predecessor-version":[{"id":682,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/644\/revisions\/682"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/media\/641"}],"wp:attachment":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/media?parent=644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/categories?post=644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/tags?post=644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}