Question

• esearch UI Javascript Framesworks
  • Name 3 of the most utilized front end UI javascript frameworks.
  • Describe each of the frameworks and compare and contrast to other frameworks you name in your document.
  • Provide pros and cons of each of the frameworks.
  • Provide an example of a site in use today built upon each framework named in your research.
• provide atleast 3 pages

Answer 1

If You have Any Query Regarding this please ask in comment section I will be there to solve all your query in comment section immediately hope you will like it and please upvote for my efforts in answering this question

Introduction

While the technology universe has continuously been expanding, JavaScript is one prominent web technology that has dominated the domain. The versatile programming language can be deployed on the client, server-side, mobile and desktop apps and is used to design-first interfaces, enrich web apps with numerous functions and features, modify web pages in real time and much more.

Javascript is an interpreted and high level programming language,which is weakly typed and dynamic.
Javascript is the most widely used and deployed programming language in the world according to various communities.

Javascript Framesworks

It is simply an application framework written in JavaScript. In JavaScript frameworks, the programmers can manipulate the functions and use them for their web application. In other words, JavaScript frameworks are collections of JavaScript code libraries that provide developers with pre-written JavaScript code to use for routine programming features and tasks. But the JavaScript framework differs from the JavaScript library in its control flow. i.e: A library offers functions to be called by its parent code, whereas a framework defines the entire application design.

Highlighting the benefits of the JavaScript, it is flexible and powerful programming, easy to learn, fast for the end-user, Extended functionality, No compilation needed, Easy to debug and test, Platform independent etc.

Top 3 Best JavaScript frameworks

1. React
2. Angular
3. Vue.js

Features of React

• Components
• JSX(used shorter and simpler syntaxes to simplify coding )
• Data binding
• Virtual DOM
• SEO friendly
• High performance
• Backward Compatibility
• Unidirectional Data Flow

2. JavaScript frameworks: Angular

Features of Angular

• MVC architecture: Model, View, and Controller.
• 2way binding.
• Single-page app.
• HTML UI
• Modularity
• Reduced coding
• Declarative User Interface
• Easy integration
• Cross-Platform

JavaScript frameworks: Vue.js

Features of Vue.js

• Great performance
• SVG animations
• Open-source product
• Easy Learning curve
• Vue is lightweight
• Vuetify for implementing great user interface ideas
• Proxy support
• Stable API
• Vue is lightweight

Pros of Angular

• Two-way data binding: One of the key features of Angular is the support for faster and easier data binding, thereby requiring minimum intervention from the developer. The two-way data binding replicates changes made to view instantly in the model and vice-versa.
• DOM manipulation: Unlike other popular JavaScript frameworks, Angular conveniently relieves the developer of actively manipulating DOM (Document Object Model), all thanks to its two-way data binding approach. Ensuring that the developer saves time and efforts to code while translating and updating the DOM elements.

Cons of Angular

• Divided community: Despite being the second most commonly used technology, Angular has been experiencing a massive churn rate, with developers looking to switch to different technologies.
• Updates: The constant updates is yet another major problem that pushes developers away from the framework. While frequent updates result in increasing community involvement, most of the Angular updates have introduced significant changes in the paradigms making it an unnecessary problem for developers.
• Initial load time: One of the drawbacks also includes the time taken to render pages of websites and applications designed using Angular as it would be overloaded with additional tasks like DOM manipulation. However, this is very rare now and highly restricted to the old computers and devices.

Pros of React

Pros of React JS

#1 Component reuse

#2 Virtual DOM

The Document Object Model (DOM), an application programming interface that represents an XML document as a tree structure wherein each node is an object representing a part of the document, is inefficient and slow because it’s necessary to recalculate the CSS, recreate the layout, and essentially repaint the entire web page every time the DOM changes.

#3 Thriving community

Largely because React JS is an open-source library, there’s a massive, thriving community of users and developers around it. On GitHub

Cons of React

Incompleteness

React provides only the View part of the MVC model. Because of that, you will have to rely on other technologies, too. However, some developers perceive it as an advantage because it allows for full independence. Because of that, every project might look different.

The high pace of development

React is still a quite new technology and it evolves blazingly fast. Therefore, it may be hard for some to keep up this pace because of new features coming out and old ones being forgotten. And some just don’t and won’t like constant changes.

Lack of proper documentation

It’s a very interesting point because opinions are divided. For some, React documentation is poor, and they are in the majority.

Pros of Vue.js

• Size: One of the reasons, Vue.js became highly popular instantly is because of the minuscule file size. The library is only 18kb after gzipping. Owing to this Vue.js users can separate the template-to-virtual-DOM compiler, thereby reducing the runtime. However, despite its size, Vue.js consistently is known to have outperformed bulky frameworks such as AngularJS and Ember JS.
• Ease of implementation: Developing large-scale templates is pretty straightforward with Vue.js. Making it relatively easier for programmers while also saving time. Also, the uncomplicated structure makes it very easy to search blocks containing errors, thereby reducing the time and effort required.
• Documentation: Vue.js has incredibly well-thought documentation which is very thorough and well-written. All a beginner requires to write their first application is just some basic Javascript and HTML.

Cons of Vue.js

• Small community: Being a relatively new JS framework, Vue.js still doesn’t have the widespread support as with Angular and React. Moreover, there are way more community contributed resources for React than Vue.js However, with the growing popularity, we expect the situation to change soon.
• Flexibility: While great flexibility is sometimes perceived as necessary by developers, Vue.js’s plethora of options could become required when deployed in larger projects that involve many developers.

Comparing the above most popular JS frameworks on a level-playing field concerning the parameters, we can say that Angular is currently the most promising and the best framework for web development but being in its infancy still has a long way to go ahead. Reportedly said to be growing at the rate of 397%, it certainly does have the potential to be the most popular framework in the next few years

Provide an example of a site in use today built upon each framework named in your research.

A lot of business giants are currently using React are AirBNB, PayPal, Netflix, etc.

Over half a million websites, such as google.com, youtube.com, etc., use Angular.

Companies like Stackoverflow, PlayStation, etc. rely on Vue for their UI websites.

I HOPE YOU LIKE THE ANSWER PLEASE UPVOTE ME FOR MY EFFORTS THAT I PUT IN ANSWERING THE QUESTION SO PLEASE HIT THE LIKE BUTTON .THANK YOU.