{"id":311,"date":"2018-04-17T11:02:53","date_gmt":"2018-04-17T11:02:53","guid":{"rendered":"http:\/\/blog.amt.in\/?p=311"},"modified":"2018-04-17T11:02:53","modified_gmt":"2018-04-17T11:02:53","slug":"node-js-vs-react-js","status":"publish","type":"post","link":"https:\/\/blog.amt.in\/index.php\/2018\/04\/17\/node-js-vs-react-js\/","title":{"rendered":"Node.js vs React.js"},"content":{"rendered":"<p><strong>Node.js:<\/strong><\/p>\n<p>NodeJS can be considered as a server itself rather than a framework which is powered by Google chrome V8 JavaScript engine. It comes with a callback concept to achieve the all new idea of event driven single threaded server programming \u00c2\u00a0and also executes JavaScript in the server side. Moreover, Node.js is mainly used to simplify the development of complex applications.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-313\" src=\"http:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/Node.JS-iNSIDE-Blog.png\" alt=\"\" width=\"260\" height=\"260\" srcset=\"https:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/Node.JS-iNSIDE-Blog.png 225w, https:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/Node.JS-iNSIDE-Blog-150x150.png 150w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/p>\n<p><strong>Top 3 reasons to choose NodeJS:<\/strong><\/p>\n<p><strong>1) \u00c2\u00a0Server side proxy<\/strong><\/p>\n<p>NodeJS can be easily used as a server-side proxy. That\u00e2\u20ac\u2122s how it can handle a number of simultaneous connections in a non-blocking manner. It is mainly used when you want to collect data from multiple source points or want to proxying different services with different response times.<\/p>\n<p>Moreover, you can build a client side app for assets and proxying\/stubbing API requests with NodeJS development server.<\/p>\n<p><strong>2) \u00c2\u00a0NPM<\/strong><\/p>\n<p>NPM(Node Package Manager) play an important role which should not be neglected at all. It comes by default with your Node.js installation and provides support for package management. The idea of NPM is similar to the concept of Ruby Gems. Some of the most popularly used NPM modules are given here:<br \/>\n\u00e2\u20ac\u201c mongojs and mongodb<br \/>\n\u00e2\u20ac\u201c connect<br \/>\n\u00e2\u20ac\u201c bluebird<br \/>\n\u00e2\u20ac\u201c lodash<br \/>\n\u00e2\u20ac\u201c pug<br \/>\n\u00e2\u20ac\u201c socket.io and sockjs<br \/>\n\u00e2\u20ac\u201c moment<\/p>\n<p><strong>3) \u00c2\u00a0Data Streaming<\/strong><\/p>\n<p>HTTP requests and responses are considered as isolated events but they are actual data streams . These are used in NodeJS to build some amazing features. This helps in proxying between different data resources and also used for real time video and audio encoding.<\/p>\n<p><strong>React.js:<\/strong><\/p>\n<p>ReactJS is considered as an open-source JavaScript library rather than a framework. It is mainly used for building amazing user interfaces with a great focus on rendering performance. In MVC(Model View Controller) architecture, React is more dependent on \u00e2\u20ac\u0153V\u00e2\u20ac\u009d.<\/p>\n<p>It quickly gained a good reputation when it was launched first. It was built with the aim of resolving issues in JavaScript frameworks related to efficient rendering of large data-sets.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-314\" src=\"http:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/React.JS-INSIDE-Blog.png\" alt=\"\" width=\"269\" height=\"269\" srcset=\"https:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/React.JS-INSIDE-Blog.png 225w, https:\/\/blog.amt.in\/wp-content\/uploads\/2018\/04\/React.JS-INSIDE-Blog-150x150.png 150w\" sizes=\"auto, (max-width: 269px) 100vw, 269px\" \/><\/p>\n<p>Top 3 reasons to choose ReactJS:<\/p>\n<p><strong>1) \u00c2\u00a0SEO Effective<\/strong><\/p>\n<p>Search engines find it difficult to read JavaScript heavy applications even after having improvements in that area. So this is one of the big issues that come with JavaScript frameworks.<\/p>\n<p>But ReactJS has beaten up this. You can easily run ReactJS on the server and the virtual DOM will be rendered then which further return to the browser as a regular web page. No hard tricks are required for this.<\/p>\n<p><strong>2) \u00c2\u00a0Components in ReactJS<\/strong><\/p>\n<p>PolymerJS and Shadow DOM has already created a lot of buzzes which are typically used to create customizable elements, self-contained elements that you can easily import into your project.<\/p>\n<p>But RecatJS makes you able to create your own components which you can later combine, reuse or nest your core content. So it doesn\u00e2\u20ac\u2122t make use of Shadow DOM or PolymerJS.<\/p>\n<hr \/>\n<p><strong>3) \u00c2\u00a0Great efficiency<\/strong><\/p>\n<p>ReactJS creates its own virtual DOM where your components actually live. It takes care of all the changes to made in the DOM and updates in the DOM tree also. This makes it a flexible approach to gain a good performance. Hence, it discards costly DOM operations and regularly makes updates efficiently.<\/p>\n<p>Above is a brief about the difference between Node.js and React.js which was sourced from various sites. Watch this space for more updates on the latest trends in Technology.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"IUbZW6yq3E\"><p><a href=\"https:\/\/www.markupbox.com\/blog\/angularjs-vs-reactjs-vs-nodejs-which-one-is-best\/\">AngularJS vs ReactJS vs NodeJS: Which One Is best?<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/www.markupbox.com\/blog\/angularjs-vs-reactjs-vs-nodejs-which-one-is-best\/embed\/#?secret=IUbZW6yq3E\" data-secret=\"IUbZW6yq3E\" width=\"600\" height=\"338\" title=\"&#8220;AngularJS vs ReactJS vs NodeJS: Which One Is best?&#8221; &#8212; MarkupBox\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Node.js: NodeJS can be considered<\/p>\n","protected":false},"author":1,"featured_media":312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46,85,7],"tags":[13,107,18],"class_list":["post-311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-node-js-8","category-reactjs","category-techtrends","tag-node-js","tag-react-js","tag-technology"],"_links":{"self":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":1,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/311\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/311\/revisions\/315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media\/312"}],"wp:attachment":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media?parent=311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/categories?post=311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/tags?post=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}