Creating a react-native app with strapi as backend

This tutorial guides you through the process of creating a simple react-native TODO app with strapi as your backend. You will be able to create, edit and delete TODO’s on a per-user basis by interacting with the REST-API of strapi.

This is what the final app will look like

NOTE: This tutorial assumes that you already have an instance of strapi up and running and created a test user. If you don’t, read their getting started guide.

Try it out

The sample app is available on Github

Setting up your backend

Firstly we’ll need to create a new Content-Type named “todo”. For that we need to access our Content-Type Builder and click on “+ Add A Content-Type”.

Adding a new Content-Type

Now that we have successfully created our new Content-Type we need to add some fields to it.

• title (String, required): The title of the TODO.
• description (String, required): A quick summary of the TODO.