How to set up an Adalo component

Do not index

In this article, we’ll go over how to set up an Adalo component. If you’re unfamiliar with Adalo components check out and why they are an opportunity to consider check out the software leader’s guide to Adalo components.

Before beginning make sure you all the required prerequisites

Node >=10.2

An Adalo account

Enable developer mode on your Adalo account.

For those who prefer a more visual approach, view the accompanying youtube video.

1. Initialize your project

Begin by launching your preferred IDE (in the demo i’m using Visual studio). Open the terminal and execute the following command: Replace my-component with your desired component name.

npx create-adalo-component my-component

2. Name your library

You'll be prompted to name your library, which is essentially a collection of components. For demonstration, I'll name mine lolalibrary. Remember, library names can only include letters and numbers.

3. Name your component

Next, choose a name for your component. You’ll be able to add additional components if necessary later

4. Select component type

Choose between functional or class components.. I usually prefer functional components for their conciseness, but the choice largely depends on your style preference.

5. Choose package manager

Decide if you want to use Yarn as your project manager if you select no it will default to NPM

6. Build Your Library

After you've finalized your selections, the process of building your library commences. This step involves installing all essential dependencies. Following this, you're all set to start developing your component, which is now prepared and ready for use!

Additional Resources

Explore these resources to enhance your knowledge of creating components with Adalo:

Adalo Developer Documentation: A comprehensive guide to component development.

AdaloHQ GitHub: Browse examples and find help with syntax.

Adalo Community Forum: Engage with the Adalo community and discuss components.

Feel free to reach out if you have any questions or need assistance with Adalo component development. Happy to chat anytime!