Theconsists of common and specific components. The common part provides the basic functionality via standard libraries, as well as extension points in order to implement specific UI requirements.
This chapter gives a high-level overview about the common and specific web components libraries which are in use by the SuccessFactors web UI engineering teams.
Standard Libraries:
- UI5 Web Controls (Library for Time Mgmt, EC, PP)
- UI5 Web Components
- UI5 Web Components on React (Library for UXR projects)
LOB specific Components:
Custom Controls:
- In general, the development of custom controls is a balancing act between the perfect coverage of a design, a use case and the reuse of an existing controls. Before requesting a custom control the designer should consider that the development of a custom control is always associated with higher costs (building the component, unit testing, enabling for accessibility, browser compatibility, etc.).
There is a new process to be followed: How to request Custom Components
Description of the Libraries in Detail:
Standard UI5 Web Controls
UI5 is considered as the standard frontend library from SAP and is used by large SAP modules, applications and platforms. SAPUI5 enables the SAP Fiori design evolution towards a consistent user experience across SAP solutions. Besides that the frame…
UI5 Web Components
The Web Components technology is a standard to create, encapsulated HTML tags to use in web apps. UI5 Web Components is based on that technology and implements SAP´s user experience out of the box as Fiori design and comes with SAP ent…
UI5 Web Components for React
UI5 Web Component on React is a Fiori Design compliant React library built on top of the UI5 Web Components. With the help of UI5 Web Components for React, you can use UI5 Web Components as if they were native React components. In addition to that, …
SF Common Components Libraries
In SuccessFactors we have two common component libraries for Common Web Components and for Common React Components . These common-components libraries aim to provide components with enterprise-class features, Fiori UX, accessibility and themeability…
SF Project Specific Components
In SuccessFactors we have several project specific component libraries. It includes the number of 10 URX projects. The libraries are built on existing React components to extend the functions. - Capability Picker - Capability Portfolio - Dynamic Tea…
JSP & JUIC
At SuccessFactors we have a significant portion of legacy user interfaces based on older UI technologies. This mainly involves the Java Server Page technology (JSP) and a component library built on JQuery called Juice UI. Both UI technologies are no…