Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

LQ1. Explain Any Five UI Framework

Download as pdf or txt
Download as pdf or txt
You are on page 1of 8

LQ1.

Explain any five UI framework

The UI Framework encompasses all classes and interfaces included in Oracle Retail
POS Suite to support rapid development of UI screens. It enables the building of custom
screens using existing components.

For ease of development, the UI Framework hides many of the implementation details
of Java UI classes and containment hierarchies by moving some of the UI specification
from Java code into XML. This eases screen manipulation and layout changes affecting
the look and feel of the entire screen, subsets of screens, and portions of a screen.

1. React

React is the open-source framework developed and created by Facebook.This


framework is the best UI framework today, used by a majority of the frontend
developers according to Stack Overflow Developer’s survey 2021.
Its team was concerned with procuring excellent performance by forming a useful
UI.The primary intention was to fix code maintainability problems due to the
constant addition of features in the app.
A front-end framework, React stands apart because of its virtual Document
Object Model (DOM), which presents its excellent functionality. It is a perfect
framework for those who expect high traffic and require a steady platform to
manage it.
Furthermore, this framework is user-friendly for new developers – the guides also
aid to deal with any complications that happen during the learning process.

Pros

○ Saving time while re-utilizing components


○ Virtual DOM enhances both the experience of the users and the work of
the developer
○ An open-source library with a diversity of tools
○ The steady code is supplied by one direction data movement

Cons

○ Absence of documentation due to significant pace development


○ The comparatively long learning curve
○ The developers find it challenging to comprehend the complications of
JSX

When to use:
React is utilized for developing the user interface, particularly when you need to
build single-page apps. It is the most robust front end framework when you
require to make an interactive interface with less time since you can recycle the
components.
When not to use:
When you do not have hands-on knowledge with JavaScript, React is not the
suggested alternative. Similarly, for inexperienced developers, the JSX learning
curve is severe.

2.

Angular

The list of best front end development frameworks is incomplete without


mentioning Angular. Angular is a single framework that is based on TypeScript.
Formally released in 2016, Angular was established by Google to link the gap
between the mounting demands of technology and conventional notions that
displayed the results.
In contrast to React, Angular is exclusive with its two-way data binding trait. It
means that there is actual time synchronization between view and model, where
any alteration in the model replicates promptly on view and vice versa.
If your scheme contains developing web or mobile apps, Angular is a perfect
choice. You can also utilize this framework to build progressive web apps as well
as multipage.
Companies like Xbox, BMW, Blender, and Forbes are some applications
developed with Angular.
In comparison of Angular vs React, Angular is not simple to learn. However,
there is countless documentation accessible; they are either too composite or
perplexing to read.

Pros

○ Making the coding procedure easier due to its refactoring services and
enhanced navigation
○ The component-based pattern of Angular sanctions forms a user interface
with single components
○ Large Ecosystem
○ Angular Material reorganizes Material Design interface production
○ High Performance

Cons

○ Angular complication
○ Relocating legacy schemes from AngularJS to Angular
○ The CLI documentation is not fairly defined
○ The learning effort

When to use:
Angular enlarges the execution of browser-based apps by vigorously
modernizing the contents in less time since it exercises two-way data binding.
For an enterprise based and active web app, utilizing Angular is apt.
When not to use:
Angular is a comprehensive solution as a front-end framework. If you need to
develop apps with inadequate scopes, you will not be capable of employing the
resources that Angular furnishes.
Similarly, when you have a trivial size group, choose a minor framework with
simple syntax and fewer complexities.

3.

Vue.js

Nowadays, one of the simplest frameworks is Vue.js. It is worthy of eliminating


the intricacies that Angular software developers face.
It has a small size and presents two main benefits – visual DOM and
component-based. It is also employs two-way data binding. This frontend
framework is versatile, and it aids you with various tasks when building web
applications.
From constructing web and mobile applications to progressive web applications
(PWA), it can manage both dynamic and simple developments with simplicity.
Although it is fabricated to tackle complexities and enhance app performance, it
is not generally popular amongst the industry’s giants.
Nevertheless, Xiaomi, Alibaba, Reuters, and 9Gag are the users of this
framework.Vue.js continues to propagate in terms of adoptions regardless of
fewer takers from Silicon Valley.

Pros

○ Extensive and detailed documentation


○ Simplicity and clarity
○ Browser dev tools extensions
○ Code reusability and simple integration

Cons
○ Reduced developers’ community
○ Flexibility leads to code irregularities

When to use:
Vue.js is one of the most popular frontend frameworks today owing to its
simplicity and flexibility. It lets you scheme the whole thing from scratch and is
efficacious in building massive projects as well.
When not to use:
If you consider the support community would be there to respond to the
intricacies, Vue.js is not the right track to go. Likewise, the applications
necessitating steady components are not appropriate to be fabricated with Vue
since the framework has presented difficulties with the firmness of parts.

4.

Ember.js

Emberjs is a component-based framework developed in 2011. It presents


two-way data binding, which is similar to Angular. It is intended to manage the
growing demand for contemporary technologies impeccably.
You can build multifaceted web and mobile applications with Ember.js and expect
its effective design to handle the concerns.
Nevertheless, the learning curve of Ember is one of its few deficiencies. This
framework is one of the most challenging web UI frameworks to learn owing to its
conventional and rigid structure.
Being comparatively new and unexplored, its developer community is trivial.
Anyone with no restraint in devoting the time for acquiring its knowledge can
learn it.

Pros

○ Fastest development framework


○ Well-managed
○ Appropriate documentation
○ Two-way data binding

Cons

○ Slow updates and challenging syntax


○ A minor community and less popular
○ Substantial framework for small apps
○ Difficult learning curve

When to use:
If you need to develop contemporary applications like LinkedIn with a responsive
user interface, Ember.js is the framework. It comes with every mechanical
front-end enablement, like seeing a more comprehensive range of applications
because of outstanding routing delivered by Ember.js.
This framework positions as the complete frontend solution for an extensive
project because it supplies good binding, an equipped configuration, and custom
properties to deliver the page as required.
When not to use:
Ember.js is probably not an apt choice with a smaller development team since
the framework needs business logic and experience to resolve the difficulties.
The preliminary cost may be more significant with Ember.js.
Similarly, for scripting simple Ajax functionalities and building user interfaces, the
framework may not be suitable.

5.

jQuery

jQuery is one of the initial frontend frameworks introduced in 2006. Regardless of


its release date, what makes it stand apart is its significance in today’s tech
ecosphere.
Not only does jQuery present ease of use, but it also diminishes the requirement
to script wide-ranging JavaScript codes.
Basically, jQuery is utilized to operate DOM and CSS manipulation and to
augment the interactivity and functionality of a website.
Though you are not able to build mobile apps with jQuery, current developments
in jQuery Mobile have shown that the usage borders have been extended.
Moreover, the latest development in this framework allows the developers to
create native mobile apps with its HTML5 based UI scheme – jQuery Mobile.
Further, jQuery is browser-friendly and supports the browsers you aim to utilize.

Pros

○ Conveying HTTP requests is streamlined


○ Document Object Model (DOM) is flexible for accumulating or eliminating
the components
○ HTTP requests are made easy
○ Simplifies dynamic content

Cons

○ Numerous progressive substitutes are accessible other than jQuery


○ APIs of the Document Object Model (DOM) is out-dated
○ Reasonably sluggish working capability

When to use:
This web development framework is utilized in building desktop-based JavaScript
apps.This framework retains the code crisp and fairly simple. It is employed in
managing the events and executing animations.
When not to use:
When you are building a large scale app, it is not feasible to utilize jQuery as it
makes your application hefty by placing extra JavaScript code. This framework is
not proficient in challenging the contemporary frameworks with the progressive
enablement of JavaScript, fewer coding, and reusability of elements.

You might also like