/ui5-react-vite

A template for business developers looking to quickly develop and prototype UI5/Fiori apps with modern technology, practices and tooling.

Primary LanguageJavaScriptMIT LicenseMIT

UI5/Fiori React Starter powered by Vite

A template for business developers looking to quickly develop and prototype UI5/Fiori apps with modern technology, practices and tooling.

Features

Inspired by the amazing Vitesse template.

Pre-packed

Plugins

Try it now

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit dewdad/ui5-react-vite my-fiori-app
cd my-fiori-app
npm i
npm run start

Features Roadmap

  • Navigation Routing

  • Front-end tooling with Vite instead of (CRAs Webpack) for application lifecycle management

  • i18n

  • Authentication

    • Migrate hooks from ReactQuery to SWR
  • Typescript migration !!! Do not spend time typing API types !!!

    • Use inference and type generation from API points whenever possible
  • Testing **need to complete porting from CRA

    • Unit
    • E2E
  • API Management

  • Linting **need to complete porting from CRA, fix remaining errs

  • Pre-commit sanity, rename to .husky folder in root after fixing linting issues, and remove ## symbols from package.json props

  • Forms

  • Data layer

  • Styling customizations with UnoCSS

  • State Management with Storeon, a tiny, redux-like state manager.

  • SAP Product Integration

    • 🟢 Integration with Launchpad Service
    • Theme selection via Launchpad settings
  • Developer Experience

    • Testing Launchpad navigation locally
  • Ideas for UI Samples

    • Filterbar with Go button, filters and fuzzy search
    • Tabbed sections on the Object Page
    • Texts and Text Arrangement for data fields
    • Tabular value helps
    • Supporting draft mode

References