Im struggling to find a tutorial of amplify ui, a simple crud, a list of users with pagination, create, update and delete.
#✅ - Is there any tutorial of a simple CRUD with react and amplify ui?
austere warren
untold coral
There's a todo example in the docs which IIRC covers everything on your list except for pagination
I haven't seen pagination covered very well anywhere and with Dynamo backing the graphql endpoint I'm not sure how to do it either since you get back a next csr token and not a limit/offset sort of approach that lets you easily jump around to pages of results. It' s a can I've been kicking down the road.
For my app I don't don't expect to have huge datasets so I'm planning to retrieve everything and paginate client side and live to regret it and make that future me's problem.
terse pagoda
Hey, @untold coral 👋 and apologies it took us so long to reply. There's a new and updated Quickstart guide within our Gen 2 docs that will run through how to set up a "to do" app with CRUD, the Amplify UI Authenticator component, etc. Check it out here:
https://docs.amplify.aws/react/start/quickstart/
As for the pagination question, there's also updated docs within Gen 2 here:
https://docs.amplify.aws/react/build-a-backend/data/query-data/#paginate-list-queries
You can find more details about the Amplify UI Connected Components (if Authenticator wasn't what you were looking for) here:
https://ui.docs.amplify.aws/react/connected-components/authenticator
Let me know if this will help you get started with an Amplify app or if there's any further questions.
warm stormBOT
✅ - Is there any tutorial of a simple CRUD with react and amplify ui?