Explore our guide on setting up your development environment for an Adalo component. This concise tutorial provides you with the essential steps to prepare your workspace, ensuring a seamless start to your Adalo development journey.
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!
Explore these resources to enhance your knowledge of creating components with Adalo: