search

aws-amplify / amplify-studio

AWS Amplify Studio (Formerly Admin UI)
136 stars 31 forks source link

Does Amplify work with React Native? Amplify pull fails to get ui-components. #794

Open InTEGr8or opened 1 year ago

InTEGr8or commented 1 year ago

Which Specific Feature is your question related to?

Amplify

Question

There are AWS tutorials on using Amplify Studio with React Native, and there is a repo demo, although it is archived, and there are notes in the documentation in the React Native path.

There are also responses in the Issues that say Amplify did not support React Native as of August 2022.

I'm using the CLI and the responses seem to indicate that React Native might be supported, but the amplify pull command fails to download any of the ./ui-components that Amplify Studio indicates as the UI code.

Does anyone know if Amplify Studio or Amplify in general supports React Native? Are there any docs or tutorials for React Native on Amplify that actually work? That's what I'm looking for.

ykethan commented 1 year ago

Hey @InTEGr8or, Amplify Studio currently does not support React Native. when pulling into a project that contains a unsupported framework the UI components will not sync with your project. Could you run amplify pull --debug which should provide you with a warning when using a unsupported framework

InTEGr8or commented 1 year ago

I am using Expo now and I get no notification why it is not pulling the ui-components, that's when I do a regular pull or a pull --debug

Several online tutorials are pretending to explain how to use Amplify with React Native. At least one GitHub repo from AWS Amplify goes down the React Native path. It might be a good idea to put a more visible flag on Amplify documentation saying that it does not yet work with React Native and what the roadmap for support is.

That would prevent a lot of frustrated developers from spending hours on this platform trying to implement React Native only to receive a dead-end roadblock of "did you try pull --debug" and having to perform a u-turn and have no visibility of whether React Native ever will be supported.

InTEGr8or commented 1 year ago

I don't really understand the statement "Amplify Studio currently does not support React Native" and how it squares with content like this: https://docs.amplify.aws/start/q/integration/react-native/

Does that mean Amplify supports React Native but Amplify Studio does not? And can you direct me to whatever part that does support React Native?

image

image

ykethan commented 1 year ago

Hey @InTEGr8or, Currently when using a react native framework with Amplify Studio, the components generated by UI library are currently not supported. In example, when using Figma to code and generating UI components on Amplify CLI.

image

But we can utilize the Amplify UI library for components such as withAuthenticator in react native. Please refer to https://ui.docs.amplify.aws/react-native for additional information. Additionally, please refer to https://docs.amplify.aws/lib/q/platform/react-native/ for additional information on Amplify libraries.

ykethan commented 1 year ago

Following up on this issue to see if you require any further assistance. Please do let us know we would be happy in providing any additional information.

letsbelopez commented 1 year ago

You can follow the react native tutorial that you linked, and that will work.

Generating components and forms from the UI Library page in Amplify Studio will not work for React Native projects right now.

InTEGr8or commented 1 year ago

Thanks for the response, and sorry about the delay. I had to focus on a couple of other items while I was blocked on this.

I have to take runs at this attempt within allocated time slots for a proof of concept for a product, and I have attempt-timeout deadlines if I can't reach a working solution in that time.

The Amplify Studio product is advertised as using Figma to design (and maybe even update) a UI and then connect the UI components to data models, which could then be used to connect to a backend database.

You said the tutorial works but does it not work with the Figma designer? Since that is part of the Amplify Studio product, it seems like it's worth saying a little more explicitly that the Figma designer part doesn't work with React Native but does work with React and Flutter.

Since Amplify Studio is advertised as a rapid application development environment, it seems to me that it would be helpful to point out which components are not fully functional for RAD. Or, I may still need to understand something you're saying.

Is Flutter recommended for mobile development for people who want full RAD functionality? Or is there a manual coding path for connecting React Native components designed in Figma to be used with Amplify Studio?

Thanks again for your thoughtful responses. I am just trying to discover if our product requirements can align with the Amplify Studio product to produce a working development pipeline.

agnaldocarmo commented 1 year ago

I'm facing the same issue, I'm using react-native