BSR UIKIT

Builds general ui- and form elements in hbs design

Start Demo Mode locally

$ npm start

or

$ yarn start

Build locally

$ npm run build

Entwicklung

Zum Entwickeln kann der aktuelle Stand mit yarn link in ein anderes Projekt eingbunden werden. Beispiel für das Linken der UI-Kit

In den ui-kit: yarn link ausführen

In den um-component: yarn watch ausführen, damit alle Änderungen, die in den ui-kit gemacht werden, live im SD2 angezeigt werden

Sollte yarn watch in den ui-kit nicht laufen, kann das an einer unpassenden Node-Version liegen. Dafür kann der nvm (node-version-manager) installiert werden, mit dem problemlos zwischen Node-Versionen gewechselt werden kann. Aktuell funktioniert node-14.

Im React App Ordner des Ziel-Projekts: yarn link @pinuts/ui-kit ausführen

Sollten die Menu-Änderungen nicht direkt sichtbar sein, kann das daran liegen, dass webpack ein gecachtes Bundle verwendet. Dafür einmal den .cache Ordner in app/node_nodules/.cache löschen und die App neu starten.

Bekommt man lokal einen react/jsx-runtime Fehler, ist ein Trick, react/jsx-runtime in die ui-kit in die Peer Dependencies in der package.json zu schreiben: !!! ABER VORSICHT: das darf NICHT gepusht werden !!!! "react/jsx-runtime": "^18.2.0"

Projekt unlinken:

Im App-Ordner des Ziel-Projektes : yarn unlink @pinuts/ui-kit node-modules löschen node-modules mit "yarn install" neu installieren