AngularJS vs Vue.js

Overview

AngularJS

Stacks61.5K

Followers44.5K

Votes5.3K

GitHub Stars59.0K

Forks27.3K

Vue.js

Stacks55.5K

Followers44.7K

Votes1.6K

GitHub Stars209.7K

Forks33.8K

AngularJS vs Vue.js: What are the differences?

What is AngularJS? Superheroic JavaScript MVW Framework. AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

What is Vue.js? Reactive Components for Modern Web Interfaces. Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

AngularJS can be classified as a tool in the "Javascript MVC Frameworks" category, while Vue.js is grouped under "Javascript UI Libraries".

"Quick to develop", "Great mvc" and "Powerful" are the key factors why developers consider AngularJS; whereas "Simple and easy to start with", "Good documentation" and "Components" are the primary reasons why Vue.js is favored.

AngularJS and Vue.js are both open source tools. Vue.js with 143K GitHub stars and 20.7K forks on GitHub appears to be more popular than AngularJS with 59.6K GitHub stars and 28.9K GitHub forks.

According to the StackShare community, AngularJS has a broader approval, being mentioned in 2799 company stacks & 1864 developers stacks; compared to Vue.js, which is listed in 849 company stacks and 1217 developer stacks.

🔥 Trending in UI Components on StackShare

FigForm UI Components

FigForm

Try it View Docs Alternatives

Try

1

2

Advice on AngularJS, Vue.js

Cyrus

Aug 15, 2019

Needs adviceon

Vue.js

React

I find using Vue.js to be easier (more concise / less boilerplate) and more intuitive than writing React. However, there are a lot more readily available React components that I can just plug into my projects. I'm debating whether to use Vue.js or React for an upcoming project that I'm going to use to help teach a friend how to build an interactive frontend. Which would you recommend I use?

884k views884k

Comments

John Clifford

Software Engineer at CircleYY

Jun 8, 2020

Decided

I used React not just because it is more popular than Angular. But the declarative and composition it gives out of the box is fascinating and React.js is just a very small UI library and you can build anything on top of it.

Composing components is the strongest asset of React for me as it can breakdown your application into smaller pieces which makes it easy to reuse and scale.

455k views455k

Comments

Cyrus

Aug 15, 2019

Needs advice

Simple datepickers are cumbersome. For such a simple data input, I feel like it takes far too much effort. Ideally, the native input[type="date"] would just work like it does on FF and Chrome, but Safari and Edge don't handle it properly. So I'm left either having a diverging experience based on the browser or I need to choose a library to implement a datepicker since users aren't good at inputing formatted strings.

For React alone there are tons of examples to use https://reactjsexample.com/tag/date/. And then of course there's the bootstrap datepicker (https://bootstrap-datepicker.readthedocs.io/en/latest/), jQueryUI calendar picker, https://github.com/flatpickr/flatpickr, and many more.

How do you recommend going about handling date and time inputs? And then there's always moment.js, but I've observed some users getting stuck when presented with a blank text field. I'm curious to hear what's worked well for people...

401k views401k

Comments

Detailed Comparison

AngularJS	Vue.js
AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.	It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
-	Reactivity; Components; Modularity; Animations; Routing; Stability; Extendable Data bindings; Plain JS object models; Build UI by composing components; Mix & matching small libraries
Statistics
GitHub Stars 59.0K	GitHub Stars 209.7K
GitHub Forks 27.3K	GitHub Forks 33.8K
Stacks 61.5K	Stacks 55.5K
Followers 44.5K	Followers 44.7K
Votes 5.3K	Votes 1.6K
Pros & Cons
Pros 889 Quick to develop 589 Great mvc 573 Powerful 520 Restful 505 Backed by google Cons 12 Complex 4 Dependency injection 3 Event Listener Overload 2 Hard to learn 2 Learning Curve	Pros 294 Simple and easy to start with 230 Good documentation 196 Components 131 Simple the best 100 Simplified AngularJS Cons 9 Less Common Place 5 YXMLvsHTML Markup 3 Only support programatically multiple root nodes 3 Don't support fragments
Integrations
JavaScript	No integrations available

What are some alternatives to AngularJS, Vue.js?

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

React

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

jQuery UI

Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

Ember.js

A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.

Backbone.js

Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Svelte

If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

Angular

It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.

Aurelia

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

Flux

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.

Famo.us

Famo.us is a free and open source JavaScript platform for building mobile apps and desktop experiences. What makes Famo.us unique is its JavaScript rendering engine and 3D physics engine that gives developers the power and tools to build native quality apps and animations using pure JavaScript.