Highlighted

Material-UI Framework in React plugin?

Community Beginner ,
Jun 09, 2020

Copy link to clipboard

Copied

Hello,

 

I am in the process of creating an XD plugin using React (very new to the community!). I have had trouble with some libraries, namely Material-UI (https://material-ui.com/) among some others. I get errors when importing the libraries (eg "TypeError: window.getComputedStyle is not a function").

 

A few comments/questions:

- Per the documentation, I understand that "the XD plugin API environment is not a browser, nor is it Node.js", and that I should not asume that APIs that work in other environments will work in XD. That alone may be evidence that this framework will not work in this environment. (Another part of the documentation that may suggest frameworks like this won't work is here, where it says that "Npm packages that only depend on the core JavaScript language APIs can work in XD").

- I also noticed that the XD documentation provides guides on UX patterns and requirements - I assume this is to ensure that plugins conform to the native styling and experience in XD.

 

So, my questions: Are my assumptions correct - given the environment limitations + UX requirements, are design/styling frameworks generally off-limits in XD?

Hi there,

 

I would suggest asking your query here: https://forums.adobexdplatform.com/ so that our plugin experts and developers can answer well.

 

Thanks,

Harshika

TOPICS
Design, How to, Plug-ins

Views

226

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Material-UI Framework in React plugin?

Community Beginner ,
Jun 09, 2020

Copy link to clipboard

Copied

Hello,

 

I am in the process of creating an XD plugin using React (very new to the community!). I have had trouble with some libraries, namely Material-UI (https://material-ui.com/) among some others. I get errors when importing the libraries (eg "TypeError: window.getComputedStyle is not a function").

 

A few comments/questions:

- Per the documentation, I understand that "the XD plugin API environment is not a browser, nor is it Node.js", and that I should not asume that APIs that work in other environments will work in XD. That alone may be evidence that this framework will not work in this environment. (Another part of the documentation that may suggest frameworks like this won't work is here, where it says that "Npm packages that only depend on the core JavaScript language APIs can work in XD").

- I also noticed that the XD documentation provides guides on UX patterns and requirements - I assume this is to ensure that plugins conform to the native styling and experience in XD.

 

So, my questions: Are my assumptions correct - given the environment limitations + UX requirements, are design/styling frameworks generally off-limits in XD?

Hi there,

 

I would suggest asking your query here: https://forums.adobexdplatform.com/ so that our plugin experts and developers can answer well.

 

Thanks,

Harshika

TOPICS
Design, How to, Plug-ins

Views

227

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 09, 2020 0
Adobe Employee ,
Jun 09, 2020

Copy link to clipboard

Copied

Hi there,

 

I would suggest asking your query here: https://forums.adobexdplatform.com/ so that our plugin experts and developers can answer well.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 09, 2020 1