Chapter 6.6 Notes for Framework for JavaScript by Swati Joshi.

6.6 Frameworks of java script and its application.

JavaScript frameworks are collections of different JavaScript code libraries that are compiled together to
make it easy for a developer to refer to and use the scripts. In simple words frameworks are pre-built groups
of codes that are put together to make development easy and hassle-free. Frameworks are easily adaptable
too and as a result, a lot of developers prefer to use these when they create websites.

Different java script framework logos:

Which JS framework should you choose for your project?
 Choose the one that your team knows and is comfortable with
 Choose the one that's most compatible with your backend
 Choose one with the right size and performance
 Choose one with the right level of complexity.

Some of the JS Frameworks with their features are listed below :

1. Angular : It is one of the most powerful and best framework.
Key features
 Ability to offer high-performance, progressive web-pages
 Can work across multiple operating systems
 Offers an intuitive and advanced API
 Ability to get intelligent code completion
 Offers instant error detection and feedback options.
Pros
 Perfect synchronization between model and view
 Changes are instantly displayed in the view
 Ability to separate data and view
Cons
 More complex F/M to learn
 It is important for the developer to learn MVC
 More heavy framework

2. Vue JS : Vue JS is another popular JS framework that is very commonly used in developing cross-
platform
apps and websites. It also helps create powerful Single Page Applications (SPAs)
Key features
 Cost-effective virtual DOM view option
 Comes with a built-in component that helps with CSS transitions and animations
 Two-way data binding options
 Easy to understand and learn
Pros
 Simple to integrate
 Small in size
 Offers two-way communication
 Flexible framework
Cons
 Lack of essential plugins
 Not suitable for extensive scaling
 Has language barriers
 Too flexible for good

3. Next JS : Next JS is another commonly used JavaScript framework for front-end that is built by Vercel.
It allows developers to create both static and dynamic JAMStack websites and is used by multinationals
around the world.
Key features
 Automatic routing
 Server rendering
 It reacts well with other ecosystems including React framework and Angular
 Automatically pre-fetches pages
Pros
 Adaptable and responsive JS
 Helps meet sales and traffic goals
 Offers unique user experience
 Has built-in CSS support
 Needs minimal or no initial configuration
Cons
 It becomes expensive to customize
 Minimal number of plugins only
 It takes time to create and maintain the FWK

4. React JS : React JS is an open-source Frwk that is commonly used in building responsive and active user
interfaces (UI). It is known to be SEO-friendly and hence is preferred by developers who create e-commerce
websites.
Key features
 Virtual Document Object Model (DOM)
 One-way data-binding only
 Made up of multiple components that can be reused
 Cross-platform performance
Pros
 Very simple to learn and use
 Comes with a set of very practical tools
 Helps with performance enhancement
 Smaller in size
 Ability to test and debug quickly
Cons
 Constant upgrades require developers to keep learning recent changes
 Is not a comprehensive technology. Needs to be used with other F/Ms

5. Ember JS : Ember JS is another open-source front-end framework that helps create scalable SPAs
(Single Page
Applications). Ember can be used to create framework for the web, mobile, and desktop versions.
Key features
 Can be easily used by large teams
 Comes with computed properties
 It has more than 1500 add-ons that only keep increasing with time
 Reusable and easy to maintain too
Pros
 Seamless URL support
 Offers client-rendering services
 Well-integrated data layer
 Minimizes DOM
Cons
 Slightly more complicated to learn
 Very opinionated
 Not very fast and efficient