Retool apps tutorial
A hands-on introduction to Retool apps.
Retool enables you to build web apps using a drag-and-drop interface and component library. You can connect your apps to almost any database and API to Retool, allowing your users to interact with data.
This tutorial is split into two parts and uses sample data. You only need to complete the first part of this tutorial to build a fully working Retool app.
What you'll learn
- Part 1: Fundamental concepts
- Part 2: Advanced features
This part covers the fundamental concepts of building a Retool app. You'll create a customer management dashboard that:
- Retrieves customer data from an API and display it in a table.
- Populates a form with data from the selected table row.
- Make changes to the form's input field values and save them back to the data source.
After completing this part, you'll have the necessary knowledge to:
- Assemble a user interface using components.
- Connect data sources by creating resources.
- Write query code that interacts with the data source.
- Add event handlers to trigger actions in response to user interaction.
- Connect queries and components to manipulate data.
This part covers more advanced features of Retool apps. You'll extend the customer management dashboard by:
- Adding a second page to view subscriptions.
- Adding navigation controls to switch between pages.
- Connecting and querying a second data source to retrieve subscription data.
- Dynamically map customer data to a dropdown component.
- Filtering table data based on the selected customer.
- Storing customer data as a temporary value to use across pages.
Get started
Familiarity with common technologies like APIs and JavaScript is expected to complete this tutorial. If you need to learn more about these technologies, Retool recommends the following resources:
Every Retool user account is bound to an organization in which you create apps.
- If you already have a Retool account, sign in to your organization.
- Cloud-hosted organization users can sign in using Retool's login page.
- Self-hosted organization users must sign in using the organization's login page URL (e.g.,
https://retool.example.com/auth/login
).
- If you aren't yet using Retool, you can sign up and create a cloud-hosted organization for free. The creator of an organization is automatically designated as its administrator.
Once you log in, navigate to the Apps section. then click Create > App and set the app name to Retool app tutorial.
Part 1: Fundamental concepts
3 items
Part 2: Advanced features
3 items