Posts

Showing posts from August, 2016

AngularJS vs ReactJS

Image
Today I just came across an interesting question and thought of creating this. At many occasions, developers try to render ReactJS as the best over AngularJS. But, according to my personal opinion, this is purely opinionated and also strongly depends on the type of the project in context.
First of all, here's a very brief definition of what AngularJS & ReactJS according to their documentations.
AngularJS
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write."
Here's a perfect example to try out this.
ReactJS
React.js is a JavaScript library for building user interfaces. (Famously used by Facebook)
The comparison between the two has been jotted out in the following table

interact.js Javascript Library

Image
Previously we've discussed enabling the drag and drop functionalities using the jsPlumb library. Recently, I stumbled upon the interact.js Javascript library, which I found to be as user-friendly as jsPlumb.
Below is a short comparison of the two.  





 LibraryLicenseLanguage/InfrastructureLevelBuilt-in editorGithub
jsPlumb



MIT/GPL2HTML, JavaScriptMediumNot Present2931 stars, 755 forks interact.js
MIT
Standalone JavaScript
Medium
Not Present
5452 stars, 351 forks
The above details are not presented here to render either one as the bet over the other. 
But, in my own experience, I've blended both in my projects utilizing the drag and drop functions for some elements from jsPLumb and the drag and resize function for one element from inter.js. But the only concern when using both the libraries within one function, issues related to the drag function of jsPlumb and interact.js overriding each other bringing out an unintentional effect, needs to be handled. I my case, I removed the jsP…