Javascript Frameworks

What is a Framework?

A framework is a library or collection of libraries that aim to make programming in a language easier. A framework is normally more complex because there is more backend computing. It defines a skeleton where the application defines its own features to fill out the skeleton. While ruby already gives us a lot of syntactic sugar to help some more intricate methods more accessible, other languages are not as forgiving. This is where frameworks come in. One downside to frameworks are that because we rely on these ways to code on top of a language, we sometimes forget how to write that same code in the language itself. The bottom line is, just like Beyoncé dancing in heels, frameworks make complex things look easy.

Frameworks Are All the Rage

Learning exact syntax to a language is less important than knowing what is actually happening. Syntax is actually disappearing with visual languages like graphical user interfaces GUIs. While some programming continues to be very textual based, others are becoming more visual, which means the underlying computer language doesn’t matter as much. For example, tools like AndroidBuilder (a GUI) make it possible to drag and drop much of the layout, and AndroidBuilder will write the XML and Java needed to make the code work, all under the hood. Because of this lack of committment to learning actual syntax of languages, the extraction is what is becoming more and more popular. Enter frameworks.

What are the most popular Frameworks?

React (Javascript), AngularJS (Javascript), Rails (Ruby), Django (Python), Laravel (PHP), Meteor (Javascript).

Differences between Angular and React

AngularJS

Angular is an open-sourced front-end framework made by Google which was created mostly for single-page web applications. It was created in 2010 and just released Angular 2 in May of 2016. Apparently, Angular 2 is a complete rework and is much improved on an already beloved framework (read: it only gets better).

ReactJS

React provides a view for data rendered as HTML. They are typically rendered using components specified with custom HTML tags. React also focuses on single-page applications and the separation between the components on said app. React is maintained by Facebook and Instagram and was created in 2013. It’s popularity has risen and is used about just as frequently as Angular. React also has React Native, which is a framework for building mobile apps for Android and iOS. This is helpful because you can develop for both web and mobile without changing frameworks.

Who uses Angular and React?

React and Angular are definitely the two dominating frameworks in the industry now. This led me to ask, who uses what? Here’s a quick list in no particular order:

React -
 Clash of Clans 
Dropbox 
 Everlane
 Expedia
Facebook
 Feedly
 Flipboard
Hubspot
 IMDb
 Instagram
Intuit
 Learn
 Lyft
 Mapbox
 NHL/ NFL
Netflix
 Okcupid
 Periscope
 Pinterest
Reddit
 Twitter
 Uber
 Uniqlo
 Venmo
 Whatsapp

Angular -
 YouTube Video Manager
 Google Tab Manager
Google Trends
Google Analytics
Every Google landing page
 GoDaddy
 Forbes
 MSNBC
 Viacom
 Indiegogo
Mapmyfitness
 CVS Pharmacy
 UrbanOutfitters
Amazon
 Genius
Weather.com

Conclusion

Neither framework seems like they’re going anywhere so one is certainly not better than the other. It’s not more beneficial to know one over the other (but learning both can’t hurt).

References Text

[1] Hot Frameworks — Live Data of Most Used Frameworks

[2] React — Sites Using React

[3] Made With Angular- Sites Using Angular


Originally published at francislearns.tumblr.com.