generator-ui5-react
v1.2.0
Published
Scaffold a complete React app based on Vite using UI5 Webcomponents offering a seamless Fiori Launchpad integration
Downloads
20
Readme
Generator UI5 React
Scaffolds a complete React.js app based on Vite. The generated app features special Vite plugins (see our ui5-vite package) in order to realize a seamless Fiori Launchpad integration.
The generated app uses UI5 Web Components for React as component library. To further streamline the development, the generated app also comes with our form components which are build on top of the UI5 Web Components for React.
Core Libs
As React.js only acts as library focussed on the view layer and not as full-featured framework (like Angular, for example), you will need some libraries in order to implement an app.
Via the package @cpro-js/react-core
we provide you with the following core libraries:
- Inversify: Dependency injection
- MobX: State management
- I18Next: Internationalization
- date-fns: Date utility
The generated app will contain examples of how these core libs are used.
Setup
Installation
Yeoman must be installed, if you haven't done so already:
npm install -g yo
To install this generator: npm install -g generator-ui5-react
Scaffolding
- Create a new directory for your app
- Change into that directory
- Call
yo ui5-react
and follow the instructions on the screen
Local Testing
For testing any development of this package:
npm run build
npm link
- create a new folder for the test app
- create the test app:
yo ui5-react
License
MIT - see License.