| loio |
|---|
| b72ccb50eda94ac9b9be454a03ca4213 |
view on: demo kit nightly build | demo kit latest release
This page contains some of the complementary offerings from the UI5 ecosystem - toolchains, generators, and other cool community projects.
UI5 Tooling is a state-of-the-art way to develop OpenUI5 projects by consuming OpenUI5 via npm. It's an open-source, modular, configurable, and extensible CLI for efficient development of applications, libraries, and reuse components with the OpenUI5 framework. Here's what you get with this build and development tooling:
- Reuse of open source tooling
- Flexibility and extensibility
- Easy integration
- Enablement of modern language features
- Support for any IDE of your choice
UI5 linter is a static code analysis tool for OpenUI5 projects. It checks JavaScript, TypeScript, XML, JSON, and other files in your project and reports findings.
UI5 linter scans your OpenUI5 project and detects issues that can prevent the project from running smoothly with OpenUI5 2.x.
- Usage of deprecated OpenUI5 libraries
- Usage of deprecated OpenUI5 framework APIs
- Usage of global variables
- Possible CSP violations
- Deprecated component and manifest configurations
- and many more
Easy-UI5 is an open-source Yeoman generator that should be used by everybody working with CLI tools to create simpleOpenUI5-based web-apps and other OpenUI5-related projects within seconds.
This generator has been created to simplify the creation of OpenUI5 prototypes. Now you can scaffold simple OpenUI5 projects from the shell/terminal of your choice. The current best practices (such as async) are already baked into our templates so you don't have to worry about the definition of the metadata files.
The purpose of this generator is to guide you through your first steps with OpenUI5 and SAP BTP deployments. Once you're familiar with those technologies, you might want to tweak the projects to adapt them for productive use cases (such as continuous deployment pipelines and full i18n).
- Easy-UI5 on GitHub
- Easy-UI5 on NPMJS
- Blog post: Easy-UI5 3.0 – From Community Contributions to Community Plugins
TypeScript is an extension of JavaScript that adds type information to the language. It helps developers catch errors early through type checking and by providing code assist in many supporting code editors (for example, through code completion and inline documentation). Browsers can't execute TypeScript directly, it needs to be transpiled to JavaScript, which can then be executed as usual.
For OpenUI5, we have published definition files that contain type definitions describing the OpenUI5 APIs and types. With the help of these definitions, you can write OpenUI5 apps in TypeScript and enjoy all the benefits that come with it.
Main topic: TypeScript Support in UI5
External resources:
- Documentation and resources: UI5 & TypeScript
- Tutorial: Learn App Development in UI5 and TypeScript
npm packages (check the individual packages for licensing information):
- UI5 type signatures on npm
- Babel preset UI5 transformer on npm to transform ES modules and classes to classic UI5 code
- TypeScript interface generator for control development on npm to support UI5 control development in TypeScript
wdi5 is a Webdriver.IO service that uses OpenUI5's test API. It is designed to run cross-platform end-to-end tests on a OpenUI5 application with selectors that are compatible to OPA5.
The Best of UI5 page lists a number projects related to the UI5 ecosystem. It includes UI5 tooling extensions (tasks and middlewares), Easy-UI5 subgenerators, custom UI5 libraries, as well as custom UI5 controls (as standalone NPM packages). It's the central place to find reusable projects around UI5.
It's entirely comminuty-based, so any new additions are welcome!