Top Javascript Frameworks
A JavaScript framework is an application framework
written in JavaScript. It differs from a JavaScript library
in its control flow: a library offers functions to be called
by its parent code, whereas a framework defines the
entire application design.
We will explore the few of them that includes:
1) React
2) Angular
3) Vue
4) Node.Js
React

React is a JavaScript library for building user
interfaces.

It is created by Facebook and community of
individual developers and companies in May 2013.

This framework is developed with the purpose of
“building large applications with data that
changes again and again over time”
Reasons to choose React in your project

It's awesome for SEO : You can able to run React.js
on the server and the virtual DOM will be returned
and rendered to the browser as a regular web page.
The virtual DOM (VDOM) is a programming concept
where an ideal, or “virtual”, representation of a UI is
kept in memory and synced with the “real” DOM by a
library such as ReactDOM.

The JavaScript Library : React.js is using JSX tag
syntax. JSX is an XML/HTML-like syntax used by
React that extends ECMAScript so that XML/HTML-
like text can co-exist with JavaScript/React code. You
can read more at
https://reactjs.org/docs/introducing-jsx.html
Reasons to choose React in your project

Debugging is very easy: The chrome extension of
React.js makes debugging very easy for your app. It
will allows you to directly check the virtual dom.

Reusable React Components

List of Top Brands use React Js: Twitter,
WordPress, New York Times, Airbnb, Yahoo, Netflix,
and Uber etc..
Angular

Angular is a Typescript-based open source full-stack
web application framework.

It is created by Google and by community of
individuals and corporations in September 2016.

Angular is a complete rewrite from the same team
that built AngularJS.
Reasons to choose angular in your project

MVC Framework

Uses HTML as a template language

Dependency handling

Two way data binding

Support from Google and large community

Modularize your application with lazy loading your
modules

List of Top Brands use Angular: PayPal, Upwork,
Google, Nike, HBO, Sony etc...
Vue.js

Vue.js(commonly referred as vue) is an open source
JavaScript framework for building user interfaces and
single page applications.

Vue was created by “Evan You (Software
Developer)” after working from Google using
AngularJs in a number of projects, in February 2014.

The thought of “Evan You” while building vue was “I
figured, what if I extract the part that I really liked
about Angular and build something really light.”
Reasons to choose vue in your project

No build step required. It is easy to get started.

Friendly learning curve and well documented

Very small size (18-21kb)

Two way data binding

Uses HTML as a template language

Uses virtual Dom

Debugging very easy by adding Google chrome
extension “Vue Devtools”. It will directly check your
virtual Dom.

Top Brands use Vue: Alibaba, Xiaomi, Gitlab,
Expedia, Laracasts etc...
Node.js

Node.js is an open source, cross platform JavaScript
run-time environment that executes JavaScript code
outside of a browser.

Node is a runtime environment and not a framework.

Node.js has an even-driven architecture capable of
asynchronous I/O operations.

Node.js was originally wriiten by Ryan Dahl in 2009.

The biggest difference between Node.js and PHP is
that most functions in PHP block the execution until
completion, while Node.js functions are non-blocking.
Node.js Framework List :
https://medium.com/issuehunt/top-10-node-js-framework-d768a6e465ff

Hapi.js

Express.js

Socket.io

Koa.js

Meteor.js

Mojito

Derby

Sails.js

Total.js
Reasons to choose Node.js in your project

It is good fit for real time applications like chat, game.
It is also good fit for the projects that need event-
based servers as well as non-blocking driven
servers.

It is quite fast: It uses V8 engine by Google.

Node.js serves as a proxy server MySQL.

Code executes faster compare to other frameworks.

Top Brands use Node.js: Netflix, Linkedin, Trello,
Uber, PayPal, eBay, NASA etc...
Other Javascript Frameworks List

Ember.js

Backbone.js

Mithril

Polymer

Aurelia

Js frameworks

  • 1.
    Top Javascript Frameworks AJavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow: a library offers functions to be called by its parent code, whereas a framework defines the entire application design. We will explore the few of them that includes: 1) React 2) Angular 3) Vue 4) Node.Js
  • 2.
    React  React is aJavaScript library for building user interfaces.  It is created by Facebook and community of individual developers and companies in May 2013.  This framework is developed with the purpose of “building large applications with data that changes again and again over time”
  • 3.
    Reasons to chooseReact in your project  It's awesome for SEO : You can able to run React.js on the server and the virtual DOM will be returned and rendered to the browser as a regular web page. The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM.  The JavaScript Library : React.js is using JSX tag syntax. JSX is an XML/HTML-like syntax used by React that extends ECMAScript so that XML/HTML- like text can co-exist with JavaScript/React code. You can read more at https://reactjs.org/docs/introducing-jsx.html
  • 4.
    Reasons to chooseReact in your project  Debugging is very easy: The chrome extension of React.js makes debugging very easy for your app. It will allows you to directly check the virtual dom.  Reusable React Components  List of Top Brands use React Js: Twitter, WordPress, New York Times, Airbnb, Yahoo, Netflix, and Uber etc..
  • 5.
    Angular  Angular is aTypescript-based open source full-stack web application framework.  It is created by Google and by community of individuals and corporations in September 2016.  Angular is a complete rewrite from the same team that built AngularJS.
  • 6.
    Reasons to chooseangular in your project  MVC Framework  Uses HTML as a template language  Dependency handling  Two way data binding  Support from Google and large community  Modularize your application with lazy loading your modules  List of Top Brands use Angular: PayPal, Upwork, Google, Nike, HBO, Sony etc...
  • 7.
    Vue.js  Vue.js(commonly referred asvue) is an open source JavaScript framework for building user interfaces and single page applications.  Vue was created by “Evan You (Software Developer)” after working from Google using AngularJs in a number of projects, in February 2014.  The thought of “Evan You” while building vue was “I figured, what if I extract the part that I really liked about Angular and build something really light.”
  • 8.
    Reasons to choosevue in your project  No build step required. It is easy to get started.  Friendly learning curve and well documented  Very small size (18-21kb)  Two way data binding  Uses HTML as a template language  Uses virtual Dom  Debugging very easy by adding Google chrome extension “Vue Devtools”. It will directly check your virtual Dom.  Top Brands use Vue: Alibaba, Xiaomi, Gitlab, Expedia, Laracasts etc...
  • 9.
    Node.js  Node.js is anopen source, cross platform JavaScript run-time environment that executes JavaScript code outside of a browser.  Node is a runtime environment and not a framework.  Node.js has an even-driven architecture capable of asynchronous I/O operations.  Node.js was originally wriiten by Ryan Dahl in 2009.  The biggest difference between Node.js and PHP is that most functions in PHP block the execution until completion, while Node.js functions are non-blocking.
  • 10.
    Node.js Framework List: https://medium.com/issuehunt/top-10-node-js-framework-d768a6e465ff  Hapi.js  Express.js  Socket.io  Koa.js  Meteor.js  Mojito  Derby  Sails.js  Total.js
  • 11.
    Reasons to chooseNode.js in your project  It is good fit for real time applications like chat, game. It is also good fit for the projects that need event- based servers as well as non-blocking driven servers.  It is quite fast: It uses V8 engine by Google.  Node.js serves as a proxy server MySQL.  Code executes faster compare to other frameworks.  Top Brands use Node.js: Netflix, Linkedin, Trello, Uber, PayPal, eBay, NASA etc...
  • 12.
    Other Javascript FrameworksList  Ember.js  Backbone.js  Mithril  Polymer  Aurelia