Getting started

What skill level is needed to get started with Noodl?

You don’t need to know any coding to get started with Noodl, but you should be open to developing some level of technical knowledge. We’ve had users as young as 8 years old and seasoned full-stack software engineers using the platform.

How do I start learning Noodl?

Simply download Noodl and join our Discord community and start asking anything you like. We also urge you to use our Noodl video tutorials on our YouTube channel, and check out our documentation site for more guides, snippets, and tutorials.

About the platform technology & model

What’s the output of Noodl?

Noodl produces standard React web apps. The result is a Single Page Application that can be deployed by the user to any hosting provider, or deployed directly with the built in Cloud Services.

Do I need to worry about performance?

Nope. Noodl applications scale very well, and the overhead in Javascript execution time is minimal.

How does Noodl handle complexity at scale?

Noodl handles large projects with similar structures used with code. Noodl’s component concept is similar to functions and classes in code, and can be arbitrarily nested, e.g. one component can use another component. These can then be structured in “sheets” and folders that reflect the architecture of your application.

In addition to that you can create entire modules, a collection of components, that can be imported and shared between projects.

Can you build native applications in Noodl?

To build native apps with Noodl, we take a hybrid web app approach and leverage native container tools such as Cordova, but there are other approaches to get your native app as well. Read this guide for more info

How does Noodl handle complexity at scale?

Noodl handles large projects with similar structures used with code. Noodl’s component concept is similar to functions and classes in code, and can be arbitrarily nested, e.g. one component can use another component.

These can then be structured in “sheets” and folders that reflect the architecture of your application.

In addition to that you can create entire modules, a collection of components, that can be imported and shared between projects.

Can Noodl be used with external web APIs?

Noodl has built in support for REST, GraphQL , MQTT and Websockets. Noodl can be extended with Javascript to support additional protocols, such as Protobuf.

Can you build native applications in Noodl?

To build native apps with Noodl, we take a hybrid web app approach and leverage native container tools such as Cordova.

There are other approaches to get your native app as well, and if you’re interested please reach out to us.

What is Noodl Cloud Services?

Noodl has (optional) integrations with Parse Platform. It offers User Management, a database (MongoDB), file storage, cloud functions, and more.

Note that this is optional, users are free to use any back-end and still leverage Noodl for the front-end.

Using Noodl

Can I get my Figma / Sketch files into Noodl?

Most design tools have great asset exports and it’s simple to drag & drop these into Noodl.

Because of the complexities in advanced production software, the limited prototype exports from these tools aren’t suitable for direct export/import flows. However, the Noodl team is exploring some experimental approaches to enhance this toolchain.

How do I deploy an app?

You deploy to a folder, and then you deploy to your own self-hosted environment after that.

Can I edit my Noodl projects offline?

Yes, with the Open source version of Noodl your projets are only saved locally on your computer by default.

Can a Noodl app run offline?

Not out of the box.

Can I import React libraries to my Noodl project?

Yes, you sure can. It’s a little technical at the moment, but we have a guide to do so here.

Can I create my own Modules/Integrations In Noodl?

Yes! Noodl is easily extensible. You’re free to create and share your modules as you like. Here’s a guide on how you can build your own.