This tutorial is still a work in progress, but for the finished todo app, please check out the code at github.com/Airsequel/Examples/tree/main/react-simple-todo-app
In this tutorial we will be building a very simple todo app with React. It will load the todos via GraphQL from a SQLite database hosted on Airsequel. To simplify the setup we will use Create React App to generate a bare bones React app.
This is what the final app will look like. Not pretty, but functional!
If you find any problems in this tutorial, please feel free to leave a comment!
Setting up the Airsequel Database
Upload following SQLite database to <your-company>.airsequel.com:
Keep the browser tab with the overview page open, since you’ll need the database id later.
Creating the React app
- Create the boilerplate code (press
yon all prompts)
npx create-react-app@latest react-todo-app
To be continued …