I am currently writing a confluence server plugin and I try to use exclusively REACT.
I was able to set up the complete stack with webpack, the awesome atlassian-webresource-webpack-plugin (atlassian-webresource-webpack-plugin - npm) a and velocity template to mount the react application. right now, everything is working. I plan to use the atlaskit react components and i tried to implement a custom sidebar in the plugin page. (that only contains a div to mount the react app)
The result using the “Navigation Next” (Atlaskit by Atlassian) looks like this:
The sidebar overlaps the top main bar, and messes other things up.
After some online research, i discovered that for Server Plugins, on should use AUI for template/UI styling.
Is there a way to integrate a custom sidebar cleanly with React/Atlaskit into a server plugin? Or should i use just AUI/sidebar (https://docs.atlassian.com/aui/7.9.9/docs/sidebar.html)?
PS: I’ve read the following resource: https://medium.com/@kskoropada/building-user-interfaces-of-atlassian-apps-with-atlaskit-and-aui-212975921511 that points out the differences, but i am still not quite sure how to proceed…