[MUSIC]

You can do some really complex things with JavaScript, and

there are many ways to do the exact same thing.

The features of years 2015 and beyond are introducing even more ways.

You'll see in here lots of varying opinions favoring one method or

style or another.

So to help you make some of the low level decisions, increase efficiency, and

build projects faster,

developers often use a frontend JavaScript encrypted framework or library.

Many frameworks and libraries help you write clean modern JavaScript, and they

allow you to use reliable and effective software design patterns from the start.

A common use case for a JavaScript framework is to build single page web

applications that run in the browser.

So let's talk about some frameworks and libraries you may have heard about or

might come across in your work, or while talking with fellow developers.

The three big ones are React, Vue, and Angular.

React developed by Facebook is one of the most popular JavaScript libraries.

React makes building and maintaining the user interface of your application

faster and easier by breaking it up into smaller reusable components.

React started out as a UI library for the web browser.

But the patterns and tools it provides are so useful that it's been extended to

mobile development with the React Native framework.

And Vue.js is another popular framework that shares many similarities with React.

Except that Vue offers more tools out of the box, it's smaller in file size and

a little bit easier to pick up.

Vue also makes it easier to create your entire UI or

just build an enhance only small parts of your project's UI.

Now Angular on the other hand, is a full-fledged JavaScript framework, with

more functionality than most JavaScript frameworks and libraries out there.

Angular, maintained by Google, is referred to as a complete solution.

Because it comes with all the tools necessary to build complex, single page,

web apps without dependency on any other frameworks or plug-ins.

React, Vue, and Angular are traditionally client side frameworks and libraries.

They run in the browser, and by default, produce DOM as output and

manipulate the DOM of the rendered page.

But React, Vue, and Angular also have their server side counterparts built by

the open source JavaScript community.

For example, Next.js is a popular framework for server rendered React apps.

Next, includes a lot of complex configuration right out of the box.

Like routing, preventing unnecessary code from loading,

easy deployment to production, and lots more.

And Nuxt is a higher level framework for

creating server side rendered apps with Vue.

Nuxt makes it easier to share code between the client and

the server, so you can focus on your applications logic.

Now to implement server side rendering in an Angular application,

developers use the Angular universal library.

These server side frameworks, pre-load your app on a web server and

send render HTML when the browser requests it.

Then you perform the usual DOM manipulation and updates client site.

This can result in faster paced loads and better SCO.

As you learned, JavaScript frameworks and libraries provide loads of flexibility to

developers and much needed structures to their projects.