Learn how to build powerful Domo apps through hands-on tutorials. These step-by-step guides walk you through creating complete applications using both React and vanilla JavaScript.Documentation Index
Fetch the complete documentation index at: https://domoinc-openapi-sync-documents.mintlify.app/llms.txt
Use this file to discover all available pages before exploring further.
What You’ll Learn
Each tutorial provides:- Complete source code with step-by-step explanations
- Real-world examples that demonstrate best practices
- Integration patterns for Domo datasets, APIs, and services
- Deployment guidance to get your app running in Domo
Prerequisites
Before starting any tutorial, make sure you have:- Installed the Domo Apps CLI
- Completed the Setup and Installation guide
- Basic knowledge of JavaScript and web development
React Tutorials
Build modern, component-based applications using React:AI Book Recommender
Build a React app that recommends books with Domo’s AI Service Layer. Learn how to:- Scaffold a Vite + React + TypeScript app with the DA CLI
- Search a public API (Open Library) with debounced queries
- Call Domo’s
/domo/ai/v1/text/generationendpoint with a structured system prompt - Parse a JSON response into a polished Ant Design results view
Mapbox World Map
Render a world map powered by a Domo dataset. Learn how to:- Scaffold a Vite + React + TypeScript app with the DA CLI
- Wire a Domo dataset to your app through
manifest.jsonmapping and a proxy card - Query mapped data with
ryuu.jsand render it as a GeoJSON circle layer in Mapbox GL JS - Scale point radius and color by a numeric field (population)
Todo App with AppDB
Build a shared task manager that stamps ownership on every todo. Learn how to:- Scaffold a Vite + React + TypeScript app with the DA CLI
- Manage async state with Redux Toolkit slices and async thunks
- Persist data in AppDB with a typed
AppDBClientservice layer - Load the current user’s identity and avatar with
IdentityClient/UserClient
Vanilla JavaScript Tutorials
Build lightweight applications using vanilla JavaScript:Hello World
Learn the basics by building a configurable accordion widget. Learn how to:- Set up a vanilla JavaScript app
- Use third-party libraries via CDN
- Connect to and display Domo dataset data
- Deploy your first app to Domo
Dynamic Infographic
Create a data-driven infographic that updates dynamically. Learn how to:- Design with Canva and integrate with Domo
- Use templates and variable substitution
- Build responsive, data-driven visualizations
Return Flow
Build a workflow app with form inputs and data submission. Learn how to:- Create forms and handle user input
- Implement data validation
- Submit data back to Domo datasets
- Handle complex data flows
SugarForce
Build an integration app connecting Domo with external services. Learn how to:- Integrate with third-party APIs
- Handle authentication and data sync
- Build connector-style applications
Next Steps
After completing a tutorial:- Explore the Guides section for deeper dives into specific topics
- Review Best Practices for production-ready apps
- Check out the Tools documentation to enhance your workflow
Getting Help
If you get stuck:- Review the FAQ for common questions
- Check Troubleshooting for solutions to common issues
- Visit the Community Forums to ask questions