About this resource

Hello 👋🏿 Thanks for checking out this resource on building Adalo components. I put together these series of notes as I was working on an Adalo component so it could save me some effort should i build another one in the future.

This is a living resource so if you have any questions or comments or things you’d like to add feel free to send me a dm on twitter.

📱 Why learn Adalo Components?

Adalo is a no-code app tool for building mobile apps. They’ve raised over $8 million to date and recently revamped their component marketplace where you can sell components or offer free ones to extend functionality for Adalo’s growing user base.

🤔 What are components?

Adalo focuses heavily on react and react native. Components is a React concept. You can create components within Adalo and share them with the Adalo community.

Developers publish Libraries to the marketplace, which consist of Components

A library is a collection of components that a developer can package together.

A component is an individual functional unit within Adalo. Text, buttons, and images are all different components.

🏁 Getting Started

To create a component you’ll want to run npx create-adalo-component my-component, where my-component is the name of the component you want to use.

Screen Shot 2022-05-04 at 1.06.23 PM.png

Then you’ll be prompted to choose between a functional and class component.

Screen Shot 2022-05-04 at 1.01.47 PM.png

The main difference between both is style. More on that below 👇🏿👇🏿👇🏿