JavaScript frameworks you must learn in 2020

Sajjad Hussain
Sep 14 · 4 min read
Image for post
Image for post

React

React is not one of the first destructive JavaScript-based web frameworks. But this is the most destructive and influential JavaScript-based web framework.

Jordan Walke and a group of Facebook engineers created React in 2013 as a component-based web framework with one-way data flow and changed front-end web development forever. It also introduces many other concepts, such as functional, declarative programming, and immutable state, which are not common in front-end development.

Another breakthrough of React is the introduction of virtual DOM, which provides a better user experience and performance improvement.

Today, React is by far the most important web framework, and there is no sign of disappearing soon.

5 main functions

React is one of the simplest frameworks, where React-Core is just a component-based library for the View layer.

React’s slogan is: “Learn once, write anywhere”. Software engineers can use React to develop Web (React), mobile App (React Native), desktop App (Electron) and back-end development (using Node.js).

React provides first-class server-side rendering (SSR), and has excellent SEO support.

The demand of Tech Giant Facebook drove React development. The good news is that React features have been tested by 2.6 billion Facebook users.

React continues to improve itself, and recently launched React-Fiber (better concurrency), React hooks (less boilerplate code), Suspense (better rendering).

Node.js

Although there have been attempts to use JavaScript in server-side development, they are not very popular. In 2009, Ryan Dahl created the asynchronous, event-driven server-side JavaScript runtime Node.js, and introduced JavaScript into the uncharted territory of back-end development. Ryan Dahl uses the popular JavaScript Engine V8 and C++ library.

Since then, the popularity of Node.js and JavaScript has skyrocketed. With Node Package Manager NPM and countless frameworks/libraries, Node.js surpasses many other established server-side frameworks. Due to its asynchronous event-driven characteristics and lightweight and fast runtime, Node.js is particularly suitable for I/O-heavy applications, such as Web, IoT, and Serverless.

Today, Node.js is no longer a framework, but an entire ecosystem of server-side JavaScript development. Through many innovations (such as NPM, module system), Node.js has become one of the main driving forces to improve JavaScript as a programming language and increase the popularity of JavaScript.

5 main functions

Node.js is an asynchronous, event-driven JavaScript framework for building scalable network applications.

Node.js is cross-platform, taking Java’s “write once, run anywhere” to a new level. It can run on Windows, Linux, macOS, iOS, Android and many other platforms.

Due to its relatively small size and faster startup speed, Node.js is heavily used in serverless computing.

Node.js is run by the OpenJS Foundation and is an open source framework that is not controlled by a technology company. Today, almost all technology giants (IBM, Microsoft, Netflix) use and support Node.js.

It natively supports JavaScript and all other “compiled to JS” languages, such as TypeScript, CoffeeScript, Dart. Node.js also supports the next great feature of the Web: WebAssembly.

Angular

In AngularJS, Google created one of the earliest popular front-end frameworks based on JavaScript in 2010. However, once Facebook released React, it exposed the design flaws of AngularJS and quickly became an outdated framework.

As a result, the Google team created a brand new SPA framework and released it as Angular in 2016. Although Angular and AngularJS have similar names, they are actually two different frameworks. Unlike React, it is an end-to-end framework with “out of the box” support for developing enterprise-level Web applications. In addition, Angular was the first important framework to include TypeScript and played an important role in making TypeScript popular.

Today, Angular lags behind React, Vue.js or Svelte in terms of hype and interest. However, this is a tried-and-tested and reliable enterprise-level framework that will be used in the community for many years.

5 main functions

Angular.js is an end-to-end framework with “out of the box” support to develop enterprise applications. In Angular CLI, it has one of the best command line tools in the JavaScript environment.

Use TypeScript and separate templates from styles and business logic. It is particularly suitable for large enterprise-level code bases.

Essentially, it is the safest front-end framework with built-in functions such as DOM cleaning.

Although Google supports Angular in a different way than Facebook supports React, it still invests sufficient resources, so Angular is still an attractive framework for innovation. Recently, it has added lazy loading and differential loading to shorten the loading time of modules.

Cloud Belivers

Everything you need for your next application task

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store