{"@attributes":{"version":"2.0"},"channel":{"title":"DEV Community: Ali Nazari","description":"The latest articles on DEV Community by Ali Nazari (@alin11).","link":"https:\/\/dev.to\/alin11","image":{"url":"https:\/\/media2.dev.to\/dynamic\/image\/width=90,height=90,fit=cover,gravity=auto,format=auto\/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F202623%2Faafdf028-a5e8-4362-a1d9-6915062da546.png","title":"DEV Community: Ali Nazari","link":"https:\/\/dev.to\/alin11"},"language":"en","item":{"title":"Compare well. React or React.js?","pubDate":"Tue, 05 Nov 2019 09:08:11 +0000","link":"https:\/\/dev.to\/alin11\/compare-well-react-or-react-js-2e42","guid":"https:\/\/dev.to\/alin11\/compare-well-react-or-react-js-2e42","description":"<p>Hello everybody. Recently I was searching for differences among hot javascript frameworks: Angular, React and Vue. In most resources the comparisons were among popularity, performance and learning curve. In popularity section, there were some criteria such as Stackoverflow Survey stats, Github stats (stars, contributors), NPM downloads and the one thing I want to talk about: <strong>Google Trends<\/strong>.<\/p>\n\n<p>In most cases Google Trends comparison was unfair. Why? See below image:<\/p>\n\n<p><a href=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--h89zBakr--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/fcr0akkwvj0hk5jrxj4m.png\" class=\"article-body-image-wrapper\"><img src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--h89zBakr--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/fcr0akkwvj0hk5jrxj4m.png\" alt=\"Unfair comparison among react, vue.js and angular.\"><\/a><\/p>\n\n<p>In this chart, the comparison is among these words: react, vue.js and angular. As you can see, \u201cvue.js\u201d line is clung to the bottom while \u201creact\u201d and \u201cangular\u201d lines make more sense. Why this happens? Let\u2019s remove \u201c.js\u201d from \u201cvue.js\u201d term and add it to \u201creact\u201d:<\/p>\n\n<p><a href=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--FBm5efca--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/g05501cj7sjevnvvaz4m.png\" class=\"article-body-image-wrapper\"><img src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--FBm5efca--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/g05501cj7sjevnvvaz4m.png\" alt=\"Unfair comparison among react.js, vue and angular.\"><\/a><\/p>\n\n<p>Can you see it? This time that story happened to react.<\/p>\n\n<p>So let\u2019s do a fairly comparison, among these terms: \u201creact\u201d, \u201cangular\u201d and \u201cvue\u201d (all terms are without \u201c.js\u201d suffix):<\/p>\n\n<p><a href=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--ea_di718--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/ahsy16gp4ruk06pywq0v.png\" class=\"article-body-image-wrapper\"><img src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--ea_di718--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/thepracticaldev.s3.amazonaws.com\/i\/ahsy16gp4ruk06pywq0v.png\" alt=\"Fair comparison among react, vue and angular.\"><\/a><\/p>\n\n<p>IMO, this comparison is more fair, real and makes more sense ;)<\/p>\n\n","category":["javascript","vue","react","angular"]}}}