Popular Frontend Frameworks

There are many Single Page Application Frameworks (SPAFs) available for building websites with JavaScript. These were created to ease the pain of making more responsive webapps that can run in the browser. The developers of these frameworks have borrowed, modified, imagined, and otherwise generated a wide range of approaches to addressing the challenge of building a webapp.

What follows is a short list of some of the popular SPAFs that are used in web development.

Vue.js

Vue.js is one of the newer frameworks to come out, but it has enjoyed serious adoption since its 2.0 release. Vue.js attempts to streamline the application development and creation process. The framework most closely resembles React, and it is compatible with many of the popular tools from the React ecosystem, but it strives to be more approachable for new developers.

Angular

Angular has been a popular JavaScript application framework for several years now. It features powerful templates (or "views"), a modern dependency management system, and robust community support. Angular is developed and managed as a Google project, so it enjoys the support of a large backer and it is used in many Google products.

Backbone.js

Backbone was one of the first JavaScript-based SPAFs to come out. It tends to be farily "unopinionated", which means that it does not make many requirements about how you organize your code. Backbone is still a very popular tool, and there are many supporting libraries and modules that can enhance Backbone apps (such as Marionette and Thorax).

Ember

Ember is a framework designed to speed development and remove mundane boilerplate code from your list of TODOs. It provides you with a more opinionated setup, meaning that it uses standard approaches to things and assumes you want to do that, too. It is built around some popular templating libraries, and boasts a full set of included features.

React + Flux

React provides a tool for making interactive JavaScript components for your webapp that keep track of their state and their data. Flux is an application framework used by Facebook to build their webapps. Flux makes use of React to create highly interactive and responsive interfaces.

Meteor

Meteor is both a client and server-side solution for building webapps using pure JavaScript. The server is designed to integrate closely with your webapp so you can quickly build custom APIs to interface with your data stores and then use them in your webapp.

TODO MVC Comparison

These are just a few of the popular JavaScript SPAFs that are in use today. You can find many more, along with a sample project to compare across SPAFs on the TODO MVC website. This site shows the implementation of the same TODO webapp in many different SPAFs. You can compare how the code looks in each one and get a great idea of the differences between frameworks.