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.
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.
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.
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.
Then you’ll be prompted to choose between a functional and class component.
The main difference between both is style. More on that below 👇🏿👇🏿👇🏿