It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to develop connect addon UI using react (and back end in node) with AP module Edited

Shivprasad Dhakane Aug 20, 2017

I would like to keep react project saperately and use a common UI for my server as well as connect plugin.

I have used https://bitbucket.org/atlassian/atlassian-connect-express to create connect addon

and used https://github.com/facebookincubator/create-react-app to create a react app. 

I did a build using npm run build for react. and copied these files generated by build to  public folder of connect addon. This works well till i do not need AP.

The moment I wanted to use AP.request with react to call jira api from my addon, I got stuck. How do i achive using AP.request from react app?

Is there a sample code where react build is done saperately for addon and then integrated it into the node project(Which server api onlly)?

I did find a very useful stuff in https://www.atlassian.com/atlascamp/2017/archives/advanced-techniques/react-for-re-use-creating-ui-components-with-confluence-connect

But this is more of integrating component in to addon and not regarding how to create your addon UI independently in react. Any idea?

1 comment

Ramiro Berrelleza Atlassian Team May 18, 2018

You can refer to AP by using `window.AP`:

 

window.AP.require("endpoint", function(request) { 

  request({ url: "/badges",

  type: "GET",

  contentType: "application/json",

  success: success, error: error });

Comment

Log in or Sign up to comment
Community showcase
Published in Jira

Try Jira Cloud for Outlook: Organize your work without leaving your inbox

Hi Atlassian community, My name is Max and I work on the product integration team at Atlassian. I am pleased to announce the early access program for the Jira Cloud add-in for Outlook. This add-in...

2,448 views 6 15
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you