<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ReactJS Archives | Blog</title>
	<atom:link href="https://onclickinnovations.com/blog/tag/reactjs/feed/" rel="self" type="application/rss+xml" />
	<link>https://onclickinnovations.com/blog/tag/reactjs/</link>
	<description>Onclick Innovations Pvt. Ltd.</description>
	<lastBuildDate>Wed, 17 May 2017 13:25:42 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<site xmlns="com-wordpress:feed-additions:1">208843066</site>	<item>
		<title>React Native way to build world-class applications</title>
		<link>https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/</link>
					<comments>https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Wed, 17 May 2017 13:25:42 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[Android Applications]]></category>
		<category><![CDATA[App Development]]></category>
		<category><![CDATA[Custom CRM Development]]></category>
		<category><![CDATA[custom solutions corporate]]></category>
		<category><![CDATA[iOS And Android]]></category>
		<category><![CDATA[JSX]]></category>
		<category><![CDATA[Mobile App Development]]></category>
		<category><![CDATA[Mobile Virtual Reality]]></category>
		<category><![CDATA[MVC Frameworks]]></category>
		<category><![CDATA[ReactJS]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=762</guid>

					<description><![CDATA[<p>React Native is a framework that enables one to build world-class application experiences on native platforms based on JavaScript and 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.  It’s based on React, Facebook’s JavaScript library for building user interfaces, but [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/">React Native way to build world-class applications</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="http://blog.onclickinnovations.com/762-2/">React Native</a> is a framework that enables one to build world-class application experiences on native platforms based on JavaScript and 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.  It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting also browser, it targets mobile platforms.React Native applications are written using JSX. React native provides a basic set of components for both iOS and Android platforms. Some of the components in React Native are Navigator, TabBar, Text, TextInput, View, ScrollView. These components use native iOS UIKit and Android UI components internally.</p>
<ul>
<li>React Native is a great platform for crearting non-heavily based apps for both iOS and Android. React Native has their owm implementation of rendering components for native platforms.</li>
<li>React Native has a flexbox way of styling instead of regular CSS for the web</li>
<li>React Native has to be compiled to native code where ReactJS can be used directly in the DOM</li>
<li>One can use React Native to develop Android as well as IOS apps with very few or in some cases no code changes.</li>
<li>A simple Javascript editor is required to write React Native apps.</li>
<li> React Native has a wonderful feature called hot reloading where one can make changes to the code, save it and the changes are reflected realtime, we don’t need to run the project every time when we make changes to the code. This feature is similar to Instant run of Android Studio but if we compare the speed on lower RAM computers, hot reloading stands strong.</li>
<li>React Native community is increasing day by day and we can find lot of examples and libraries to help one developing applications more faster.</li>
</ul>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freact-native-way-to-build-world-class-applications%2F&amp;linkname=React%20Native%20way%20to%20build%20world-class%20applications" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freact-native-way-to-build-world-class-applications%2F&amp;linkname=React%20Native%20way%20to%20build%20world-class%20applications" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freact-native-way-to-build-world-class-applications%2F&amp;linkname=React%20Native%20way%20to%20build%20world-class%20applications" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freact-native-way-to-build-world-class-applications%2F&#038;title=React%20Native%20way%20to%20build%20world-class%20applications" data-a2a-url="https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/" data-a2a-title="React Native way to build world-class applications">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/">React Native way to build world-class applications</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/react-native-way-to-build-world-class-applications/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">762</post-id>	</item>
		<item>
		<title>Webpack</title>
		<link>https://onclickinnovations.com/blog/webpack/</link>
					<comments>https://onclickinnovations.com/blog/webpack/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Thu, 11 May 2017 13:05:59 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[AMD]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Gulp/grunt]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[MVC Frameworks]]></category>
		<category><![CDATA[ReactJS]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=749</guid>

					<description><![CDATA[<p>&#8220;Webpack&#8221;  a powerful module bundler, which is 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, &#8230;) and turns that into something [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/webpack/">Webpack</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>&#8220;Webpack&#8221;  a powerful module bundler, which is 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, &#8230;) and turns that into something you can provide to the client. <a href="http://blog.onclickinnovations.com/webpack/ ‎">WEBPACK</a>  supports advanced functionality such as hot module reloading (instant updates of React components without refresh), lazy loading (load bundles as one&#8217;s need), bundle splitting (separate app/vendor bundles), hashing (to bust cache) and source maps (so it&#8217;s easy to debug minified versions).  Webpack solves fundamental problem of web development  very well. It seems that people are pushing common build related concerns to tooling hiding the current complexity.</p>
<p>&nbsp;</p>
<p>Earlier with Grunt and Gulp one had to do a lot of manual work to achieve the same output. So, Webpack  solves the hard part. Webpack&#8217;s approach is more involved and it comes with a learning curve as it relies on configuration and looks very different than other tools.  Webpack boasts a bunch of features:</p>
<ul>
<li>Ability to inject CSS files from your JS &#8211; useful if one is creating web components and want the CSS to be bundled with the JS.</li>
<li>Flexible module patterns &#8211; you can use CommonJS style, ES6, or AMD.</li>
<li>Ability to recompile only the module that we change, so a faster development cycle.</li>
<li>If we use ReactJS, hot reloading modules using react-hot-loader. This feature speeds up the development quite a bit.</li>
<li>It has its own command line utility, so we don&#8217;t need to use gulp or Grunt, though we can if we want.</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fwebpack%2F&amp;linkname=Webpack" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fwebpack%2F&amp;linkname=Webpack" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fwebpack%2F&amp;linkname=Webpack" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fwebpack%2F&#038;title=Webpack" data-a2a-url="https://onclickinnovations.com/blog/webpack/" data-a2a-title="Webpack">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/webpack/">Webpack</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/webpack/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">749</post-id>	</item>
		<item>
		<title>Phalcon:: The Extremely Fast Framework</title>
		<link>https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/</link>
					<comments>https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Mon, 08 May 2017 12:39:43 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[Angular 2]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[Mobile Development]]></category>
		<category><![CDATA[MVC Frameworks]]></category>
		<category><![CDATA[ReactJS]]></category>
		<category><![CDATA[Web Application Development]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=740</guid>

					<description><![CDATA[<p> &#8220;Phalcon&#8221; a high-performance PHP Web framework. It is written as a C extension. Phalcon is probably one&#8217;s go to framework, if the application has to be in PHP and be as performant as possible. Since , it is very fast, but cannot run on shared hosting. As compiled as a C extension into PHP which makes it faster by [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/">Phalcon:: The Extremely Fast Framework</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong> &#8220;Phalcon&#8221;</strong> a high-performance PHP Web framework. It is written as a C extension. Phalcon is probably one&#8217;s go to framework, if the application has to be in PHP and be as performant as possible. Since , it is very fast, but cannot run on shared hosting. As compiled as a C extension into PHP which makes it faster by an order of magnitude. Phalcon doesn’t have footprint in one&#8217;s project it resides in one&#8217;s memory, so it will not be seen specific code in your project. We can’t play around with Phalcon’s source code and modify to fit  different needs.</p>
<p>In <a href="http://blog.onclickinnovations.com/740-2/">PHALCON</a>, as default, directory structure, and the way one write classes dictates  routes. Phalcon is blazing fast. Phalcon is different, as it is delivered as a php extension, which will be injected into the php core while running. So, we can just download the extension on Windows, or rebuild it, enable it in php.ini, and after that we got a high performance framework working. It is not easy extendable at all. Phalcon  is a completely different framework as its core files are compiled as a php extension. Its fastest PHP framework but because of the dependency on many core api&#8217;s the documentation becomes the limiting factor. Phalcon is compiled framework hence changing some core functionality would be difficult.  When one&#8217;s own code hooks into a class/method of Phalcon, that method will be executed directly as C, which is already compiled to machine code, which is basically as fast as one can get. Unlike most PHP frameworks, Phalcon is implemented as a web server extension  and aiming to boost execution speed, reduce resource usage, and handle more HTTP requests  per second than comparable frameworks written primarily in PHP.</p>
<p><strong>Pros</strong></p>
<ul>
<li>Extremely  fast</li>
<li>The team seems really dedicated so much so they have a fundraising page to make the lead developer full time</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>We&#8217;d be relying on a framework we can&#8217;t just jump in and fix if there is a bug until an official patch is out.</li>
<li>It doesn&#8217;t work with HHVM</li>
</ul>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fphalcon-the-extremely-fast-framework%2F&amp;linkname=Phalcon%3A%3A%20The%20Extremely%20Fast%20Framework" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fphalcon-the-extremely-fast-framework%2F&amp;linkname=Phalcon%3A%3A%20The%20Extremely%20Fast%20Framework" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fphalcon-the-extremely-fast-framework%2F&amp;linkname=Phalcon%3A%3A%20The%20Extremely%20Fast%20Framework" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fphalcon-the-extremely-fast-framework%2F&#038;title=Phalcon%3A%3A%20The%20Extremely%20Fast%20Framework" data-a2a-url="https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/" data-a2a-title="Phalcon:: The Extremely Fast Framework">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/">Phalcon:: The Extremely Fast Framework</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/phalcon-the-extremely-fast-framework/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">740</post-id>	</item>
		<item>
		<title>Is it right to say MobX has overshadowed Redux</title>
		<link>https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/</link>
					<comments>https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Wed, 19 Apr 2017 14:13:36 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[App Development]]></category>
		<category><![CDATA[Functional programming]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[MVC Framework]]></category>
		<category><![CDATA[Object-oriented programming]]></category>
		<category><![CDATA[React]]></category>
		<category><![CDATA[ReactJS]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=707</guid>

					<description><![CDATA[<p>#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 declarative programming killed the traditional [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/">Is it right to say MobX has overshadowed Redux</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>#React#MobX#Redux#StateManagement</p>
<p>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 declarative programming killed the traditional MVC/MVVM design patterns. As MobX might be easier to learn as a beginner. Numerous developers may choose MobX if they are about to start a new project from scratch which is an advantage for MobX, having said that it could not be the case for a very long duration as we know how fast paced this industry is! Both integrate well with the philosophy of React  and the best part is we have  the privilege to change to another state management solution from MobX to Redux and Redux to MobX. In Mobx your <strong>state is mutable</strong>. On the other hand, in Redux you keep all your state in <strong>one global store</strong> or one global state.</p>
<p>&nbsp;</p>
<p>MobX is infact simple to use, it has a short learning curve and has a quick start. MobX is best suitable for lightweighjt applications and can be used in bigger size projects too, when dealing with explicit constraints. MobX uses <strong>multiple stores</strong> and is less boilerplate. In case of Redux , it uses a single store over multiple stores to save state. Redux is influenced by <strong>functional programming (FP) principles</strong> and uses pure functions. In Redux, <strong>state is</strong> <strong>normalized</strong> like in a database. In contrast, MobX  is influenced by <strong>object-oriented</strong> <strong>programming</strong>, but also by <strong>reactive programming</strong>. And MobX uses <strong>multiple stores</strong><strong>.</strong> In MobX there is way less code, and way faster development process. In contrast to Redux making one change can mean writing code in four files.</p>
<p>&nbsp;</p>
<p>So, even there are so many advantages of MobX, it is hard to say that Mobx is a good choice over Redux. As big projects and big teams still need Redux .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fis-it-right-to-say-mobx-has-overshadowed-redux%2F&amp;linkname=Is%20it%20right%20to%20say%20MobX%20has%20overshadowed%20Redux" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fis-it-right-to-say-mobx-has-overshadowed-redux%2F&amp;linkname=Is%20it%20right%20to%20say%20MobX%20has%20overshadowed%20Redux" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fis-it-right-to-say-mobx-has-overshadowed-redux%2F&amp;linkname=Is%20it%20right%20to%20say%20MobX%20has%20overshadowed%20Redux" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fis-it-right-to-say-mobx-has-overshadowed-redux%2F&#038;title=Is%20it%20right%20to%20say%20MobX%20has%20overshadowed%20Redux" data-a2a-url="https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/" data-a2a-title="Is it right to say MobX has overshadowed Redux">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/">Is it right to say MobX has overshadowed Redux</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/is-it-right-to-say-mobx-has-overshadowed-redux/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">707</post-id>	</item>
		<item>
		<title>Vue.js</title>
		<link>https://onclickinnovations.com/blog/vue-js/</link>
					<comments>https://onclickinnovations.com/blog/vue-js/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Thu, 13 Apr 2017 13:26:18 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[Angular 2]]></category>
		<category><![CDATA[App Development]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[MVC Framework]]></category>
		<category><![CDATA[ReactJS]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=701</guid>

					<description><![CDATA[<p>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 on the view layer only, [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/vue-js/">Vue.js</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>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 on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling  and supporting libraries .</p>
<p>Basically Vue.js  let one code in an highly reusable way,  create components that one can use as “html-like tags” in your page, binding data, functions and other very useful properties to every component. It has quickly overtaken React.js and jQuery in terms of popularity  and it doesn&#8217;t show signs of slowing down anytime soon.</p>
<p>Vue.js  is truly descriptive , declarative rendering, as oppose to other frameworks/libraries. Vue.js provides a lot of fantastic features to work with DOM. Vue.js does not require webpack. Vue.js also reduces a ton of line of codes.  Vue.js is really approachable and provides a little more structure on how to approach various things.  Vue.js is also suitable for light-weight projects. It provides very different functionality though, namely structure and modularization. In fact, one can use JQuery and Vue.js together. Vue.js was 3rd most starred project in 2016 on GitHub. Vue is simpler,  Vue.js is much easier to integrate into many frameworks like Laravel, Rails or even Django. Parsing, ajax, and data binding  can be done with Vue.js. Vue is focusing on building some of the best actions in web UI development like components, declarative UI, hot-reloading, time-travel debugging and etc.  Vue.js has a much less complicated learning curve in comparison with Angular 2.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fvue-js%2F&amp;linkname=Vue.js" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fvue-js%2F&amp;linkname=Vue.js" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fvue-js%2F&amp;linkname=Vue.js" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Fvue-js%2F&#038;title=Vue.js" data-a2a-url="https://onclickinnovations.com/blog/vue-js/" data-a2a-title="Vue.js">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/vue-js/">Vue.js</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/vue-js/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">701</post-id>	</item>
		<item>
		<title>ReactJS</title>
		<link>https://onclickinnovations.com/blog/reactjs/</link>
					<comments>https://onclickinnovations.com/blog/reactjs/#respond</comments>
		
		<dc:creator><![CDATA[it_geeks]]></dc:creator>
		<pubDate>Mon, 06 Mar 2017 13:52:20 +0000</pubDate>
				<category><![CDATA[Custom Software Development Solutions]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Custom Website Development]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[MVC Framework]]></category>
		<category><![CDATA[Node js Framework]]></category>
		<category><![CDATA[ReactJS]]></category>
		<guid isPermaLink="false">http://blog.onclickinnovations.com/?p=644</guid>

					<description><![CDATA[<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.&#160; It allows to create DOM, [&#8230;]</p>
<p>The post <a href="https://onclickinnovations.com/blog/reactjs/">ReactJS</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI</p>
<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’s oftenly used as view in MVC applications and it doesn’t make assumptions on rest of stack so you can use it with different tech stacks.</p>
<p>&nbsp;</p>
<p><strong>Pros</strong>:</p>
<ul>
<li>Extremely easy to write UI tests cases. This is due to the virtual DOM system implemented entirely in JS</li>
<li>Components can be reuse easily throughout your app. They can also be combined, and wireup together to create even more complex UIs</li>
<li>One can use reactJS as an alternative, or along with popular JS libraries such as angular, backbone and jQuery</li>
<li>React will automatically manage all UI updates when your underlying data changes.</li>
<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>
<li>Works nicely with commonJS / AMD patterns</li>
</ul>
<p><strong>Cons</strong>:</p>
<ul>
<li>There&#8217;s a learning curve for beginners whom are new to web development.</li>
<li>Integrating ReactJS into a traditional MVC framework such as rails would require some configuration</li>
<li>It&#8217;s kind of verbose. Writing components isn&#8217;t as straight forward as pure HTML &amp; JS</li>
<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>
</ul>
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freactjs%2F&amp;linkname=ReactJS" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freactjs%2F&amp;linkname=ReactJS" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freactjs%2F&amp;linkname=ReactJS" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_no_icon a2a_counter addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fonclickinnovations.com%2Fblog%2Freactjs%2F&#038;title=ReactJS" data-a2a-url="https://onclickinnovations.com/blog/reactjs/" data-a2a-title="ReactJS">Share</a></p><p>The post <a href="https://onclickinnovations.com/blog/reactjs/">ReactJS</a> appeared first on <a href="https://onclickinnovations.com/blog">Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://onclickinnovations.com/blog/reactjs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">644</post-id>	</item>
	</channel>
</rss>
