Using AUI with React.JS

[Stefan Ernst [Realigned.io]]

Hello,

I'm trying to use AUI components or at least AUI styling in my React App (generated with create-react-app script) however, neither the CDN CSS get applied nor the aui-react module seems to work.

I get the following npm error when trying to use aui-react installed via npm within the react app:

Module not found: 'classnames' in /....s/node_modules/aui-react/lib

Any ideas? I have seen a few people use AUI in their react components, but I'm not sure how that was done

Many thanks

[Peter Geshev]

Hi Stefan,

about the css issues, according to the aui-react project page

Javascript behaviour and styles are provided by AUI. You should include the relevant AUI files based on the AUI documentation.

which means that you will have to import the proper js/css aui resources in the atlassian-plugin.xml

Regards,

Peter

[Brice Gestas _Elements_]

Hello,

You just need to add the classnames dependency into your package.json dependencies section

"dependencies": {
    "aui-react": "0.0.5",
    "classnames": "2.2.3",
     ...
  }