Five Client Frameworks to Consider Before Starting Your Next Project

So you want to build a web application.

Nowadays, most companies turn to the increasingly large pool of JavaScript frameworks when looking to develop a client-side digital product. But how do you know which is best for the job at hand? Below we will take a quick look at 5 popular client-side frameworks and provide a high-level overview of each.

 


 

eb collage


Angular 2

What is Angular 2 and who is behind it? Angular 2 is a front-end JavaScript framework sponsored by Google and the latest version of Angular. It is currently in Beta and contains a fairly large rewrite focused on introducing component based development rather than the use of templates.

Is it widely used and supported? While 2.0 is currently in Beta, Angular is one of the more popular JavaScript frameworks in use, and it is well supported by an active community.

What license does it fall under? Angular 2 code is licensed under an MIT-style license and is open source.

What are the benefits of using it? As mentioned above, one of the biggest advantages of Angular 2 is its component-based development structure. This means a more modular code base that will allow teams to work side by side without interfering with each other’s styling and CSS changes. Developers can adjust the UI in one place without needing to consider the implications on the entire interface. This also reduces the cognitive load needed for targeted UI changes.

Angular also leverages TypeScript, which enforces a variable’s type at compile time. This means the code base is more standardized, easier to understand and maintain, and common type-based errors are caught at compile time.

Are there any major risks associated with its use? There is always some risk when using a technology that is still in Beta – more support and maintenance may be required until the full release.

Bottom Line Angular 2 is a solid option for front-end builds with multiple dev teams working in the same code base; however, keep in mind the framework is still in Beta.

 

Learn more at https://angular.io/

Source: https://udemy-images.udemy.com
Source: https://udemy-images.udemy.com

React

What is React and who is behind it? React is a front-end JavaScript framework maintained by Facebook.

Is it widely used and supported? Netflix and Airbnb both use React, along with countless other companies – it is one of Facebook’s top open-source projects.

What license does it fall under? React falls under a 3-clause BSD (Berkeley Software Distribution) with a Facebook addendum and is not OSI (Open Source Initiative) approved.

What are the benefits of using it? Similar to Angular 2, React supports the use of reusable web components instead of templates. These components adapt well to changing data, and the modular nature of this framework means that changes to the UI and data presentation are contained to a specific area of code and do not require application-wide updates or refactoring. It is a view-only framework that is designed around a reactive programming model that simplifies event handling by using observables.

Are there any major risks associated with its use? Their terms require you to enter into agreement with Facebook, limiting their liability while still allowing them the option to sue for patent infringement.

Bottom Line React is another solid front-end framework that works great for data-heavy applications, especially those with frequent data changes.

Learn more at https://facebook.github.io/react/docs/why-react.html

Source: http://smashingboxes.com/
Source: http://smashingboxes.com/

Backbone.js

What is Backbone.js and who is behind it? Backbone is a JavaScript framework that uses a model-view-presenter (MVP) design paradigm best suited for single-page web application development.  

Is it widely used and supported? Netflix, Airbnb, Hulu and LinkedIn Mobile all use Backbone.js. It is a widely used and widely supported framework.

What license does it fall under? MIT

What are the benefits of using it? The biggest benefit from using Backbone is its separation of business logic and UI. This allows developers to easily make changes to the user interface without impacting the application logic, and vice versa. Backbone is lightweight and flexible, and it can be used with any back-end language or front-end template.

Are there any major risks associated with its use? Use of Backbone requires a single JavaScript library: Underscore.js. It  tends to be more verbose, for a given task, than Angular 2, and it has been eclipsed by both Angular and React in terms of use and functionality.

Bottom Line A great way to organize code and keep logic and UI separate. Really shines in single-page application scenarios.

Learn more at http://backbonejs.org/

Source: http://www.korenlc.com/
Source: http://www.korenlc.com/

Bootstrap

What is Bootstrap and who is behind it? Bootstrap is an HTML, CSS, and JavaScript framework for building responsive and mobile-first websites. It was created by Twitter.

Is it widely used and supported? Bootstrap is the most popular project on Github and is used by companies like Vogue, Lyft, and Newsweek. It is open source and well supported by Twitter.

What license does it fall under? MIT

What are the benefits of using it? The Bootstrap framework adjusts pages dynamically to fit the particular screen size of the device being used to access the application. Developers can predefine layout logic to optimize the experience for a given device type and efficiently develop web applications that look and feel great on a wide variety of devices and screen sizes with minimal effort.

Are there any major risks associated with its use? While Bootstrap saves time by automatically adjusting application layout for different screen sizes, it is heavy and may limit the use of highly customized, device-specific UI features.

Bottom Line Saves time and money in both development and maintenance by allowing a single web application code base to be viewable and experienced on desktop, tablets, and phones via responsive design.

Learn more at http://getbootstrap.com/

Source: http://luisapena.com/
Source: http://luisapena.com/

Cordova

What is Cordova and who is behind it? Cordova is a mobile application development framework backed by Apache that allows standard web languages to be wrapped and presented like a native mobile application.

Is it widely used and supported? Cordova is open source and widely used by companies like Oracle, SAP and IBM.

What license does it fall under? Apache 2.0

What are the benefits of using it? Cordova provides web applications with an API that maps standard web languages to native functionality such as a phone’s camera, GPS, accelerometer, etc. This means your application can be developed using standard web languages without giving up the ability to access native code driven functionality. Cordova also allows you to market your application on native app stores.

Are there any major risks associated with its use? When using a mobile wrapper you may give up some functionality and performance that comes with a full native experience.

Bottom Line Cordova allows your team to develop a single web application that can be delivered to users in the form of a native mobile application while accessing native functionality via a low-level API.

Learn more at https://cordova.apache.org/

Source: http://coenraets.org/blog
Source: http://coenraets.org/blog