search

Azure / api-management-developer-portal

Developer portal provided by the Azure API Management service.
MIT License
490 stars 319 forks source link

No example for implementing other UI Frameworks #600

Open TravisLRiffle opened 4 years ago

TravisLRiffle commented 4 years ago

In the documentation on: https://github.com/Azure/api-management-developer-portal/wiki/Implement-widgets

You mention: _The components of each scope run independently and aren't aware of each other. They have separate dependency injection containers, their own configuration, lifecycle, etc. They may even be powered by different UI frameworks (in this example it is Knockout JS).

Do you have an example of how to swap out to another framework?

azaslonov commented 4 years ago

Hi @TravisLRiffle, there is no documentation yet, but you can refer to these samples for Vue and React: https://github.com/paperbits/paperbits-demo/tree/master/src/components/click-counter

azaslonov commented 4 years ago

UPDATE: Angular example has been added recently. Still no documentation though.

mjazwinski commented 3 years ago

Hi,

@azaslonov could you please check the examples? Unless I there was some update the imports seem to be broken in modules. I'm working on getting angular to work. Thanks,

/Maciej

mjazwinski commented 3 years ago

Hi,

Update from my side - it seems that angular components required to register widget in Paperbits are missing. Docs (https://paperbits.io/wiki/widget-anatomy) even recommend using a Component decorator from Angular but this fails to register in Paperbits. I am working on React widget now.

/Maciej

azaslonov commented 3 years ago

Hi @mjazwinski, sorry for the late response. Do you still have issues with Angular? If yes, can you please give more details on how are you registering it? Also, have you checked this example by chance?

Regarding the docs on Angular, we're resuming documentation works on it soon.

mjazwinski commented 3 years ago

Hi @azaslonov, no problem. I gave up on angular and did react example. This was a POC to show that a modern web framework can be used. I saw the example, but as it was, it was missing some imports. Classes that register components import from angular directory while there are not components in angular directory - see imports in https://github.com/paperbits/paperbits-demo/blob/master/src/components/click-counter/clickCounter.design.module.ts.