Draftbit updates draftbit.com

New

Hi Community 👋

Let's learn what's new at Draftbit this week.

💻 How to use Navigation in Custom Components



Draftbit uses the react-navigation library under the hood to let you implement different navigation patterns such as Stack and Tab. You can use the navigation prop from the library and pass it to a Custom Component when defining it on a screen. Read more ↗️

🛳 How to Pass Variables in Custom Components

Custom Components are plain React Native components that are written using JSX. If you receiving data in your Draftbit app from an API service, you can pass one or more fields using the React's prop pattern. Learn More ↗️

⛔️ How to hide default navigation header on any screen

Creating custom headers for your screens? You would want to hide the default header of an individual screen. Learn more ↗️

📝 New Docs Update

We're constantly making efforts to keep Draftbit's Documentation up to date. Some of the recently updated docs that you might want to check:

• Supabase
• Contentful

Catch you next week

New

Hi Community 👋,

Let's learn what's new at Draftbit this week.

🥳 We've updated the Draftbit's UI!

As you may have noticed, we've just rolled out a bit of an update to the UI of our builder. Learn more ↗️ about the changes.

🏆 Draftbit is hiring a Success Engineer

We're looking for a technical, community-minded, customer-obsessed individual to join our team. Learn more here about details and how to apply.

📝 New Tutorials

How to create a custom button with Touchable, Icon, and Text

You can create your own custom button using a Touchable component. Learn more ↗️

Fetching data in Custom Component

JavaScript offers a Fetch API that can fetch resources asynchronously over the network. You can use the Fetch API from JavaScript to request data in a Custom Component. Learn more ↗️

🎙 No-Code Interviews: Sean Montgomery, CEO of Xano

Georges interviewed Sean Montgomery, CEO of Xano on the NoCodeFrance community's Twitch channel. Watch Recording ↗️

Catch you next week!

New

Hi Community 👋 Let's learn what's new at Draftbit this week.

🥳 New Blog Posts on our "new" Draftbit Blog

We have got a new Draftbit blog on our website at draftbit.com/blog where we are consistently pushing new content.

Here are the latest posts from the blog:

Which no-code/low-code backend could be good for your app?

In the post 11 Best No-Code and Low-Code Back-Ends for 2021. We aim to highlight some of the best no-code/low-code back-end platforms for you to use. We highlight their unique features, if the tool offers scalability, and if it is flexible enough or not.

Lastly, for each tool, there is a sneak peek into their pricing plans. Read more ↗️

This tutorial will show you how to create a native mobile app from scratch using Supabase as the back-end database and Draftbit as the mobile app. Read more ↗️

This tutorial will show you how to create a native mobile app from scratch using Backendless as the back-end database and Draftbit as the mobile app. Read more ↗️

📝 New and updated Docs

We are constantly trying to improve Draftbit's documentation. Recently, we released new documentation sections to support your journey on building a no-code app. We also answered some of the most commonly asked questions in Draftbit's Community:

🌁 Fetching Images from an Airtable Base

Airtable allows storing images as an Attachment field type in a Base. It sends a JSON object as a response, filled with different field types. How would you use the image URL to display them on your app screen? Learn more ↗️

📱How to configure up your App's first screen

You can configure the Initial Route property for a Root Navigator and set its value to a screen or a nested navigator. Learn more ↗️

📲 How to export your Draftbit app

If you are on the Pro plan, you can export your Draftbit application. Inside the builder, you start the process by clicking on Code from the top bar and then click "Export App". you will need a set of tools on your local machine configured if you are looking forward to testing the app locally. Learn more ↗️

🚀 UI Changes inside the builder

Over the last week, we updated the Data Modal. You definitely get the bigger modal screen but also all the endpoints shown for your service have improved labels (corresponding to HTTP request method) next to them.

🔥 Looking for an ultimate low-code stack?

Shoutout to our friends at Hasura who recently posted shared their thoughts on building apps with a low-code stack. Read more ↗️

If you are looking to connect and build using Hasura and Draftbit, they have got an in-depth guide here ↗️ that you can read through.

Catch you next week!

New

Hi Community 👋

Let's learn what's new at Draftbit this week.

🔥 New Code Snippet Guides

A massive shoutout to our Draftbit community member Will Moore, for sharing his expertise on when it comes to using Custom Code. He recently shared two new guides with us:

• How to Change Stack Navigation Per Screen using react-navigation module.
• How to use Barcode scanner using expo-barcode-scanner module.

📝 New and updated Docs

We are constantly trying to improve Draftbit's documentation. Recently, we released new documentation sections that you might want to have a look at:

• Committing Draftbit app's source code to GitHub
• Using No-code Authentication in a Draftbit app requires familiarity with the concepts like fetching and submitting data, Global Variables, data-enabled components, stack actions, and more. Learn how to prepare and integrate authentication with a REST API service of your choice and in Draftbit.
• Implementing No-code Authentication using email/password provider with Xano , Supabase and Backendless.

🚀 UI Changes inside the builder

We just updated Data and Custom Code modals to bigger and better. So now you will find more room to create custom code components and functions for your apps and, hopefully, a better experience for you.

Catch you next week!

New

Hi Community 👋

Let's learn what's new at Draftbit this week.

🔥 Sneak Peek: Push Notifications

We've been working on an exciting new feature: the ability to add push notifications to your Draftbit app.

We're super excited about that new functionality. We've been playing with it internally for a few days. It's still in beta, but we'd love to invite you all to test it with us. If you're interested in the Professional plan or above, please respond below in the community post, and we'll reach out.

📺 Last week's Office Hours: Building a Twitter Spaces Aggregator in Public

Last Friday, we caught up with Josh Tiernan from No-Code Founders. Josh is using Draftbit and Xano to build a Twitter Spaces Aggregator app. We dived into some more complex UI/UX solutions.

Catch you next week!

New

Hi Community 👋

Let's learn what's new at Draftbit this week.

🚀 Global Variables now support JSON primitives

We've released all JSON primitive types (strings, numbers, and booleans) and structured types (objects and arrays) to be stored inside Global Variables. The value of each variable reflects the correct primitive type after it is typed in.

Read More ↗️

📣 The way we code is fundamentally going to change forever

Our own Peter Piekarczyk is super excited to give his first talk since COVID began in Atlanta, Georgia, USA, next week on the 13th of September. He'll be talking about the future of developer tools, Cloud IDEs, and text editors.

Learn more ↗️

 📝 New documentation on No-code authentication

We have a new addition to the documentation on the process of implementing No-code authentication.

The process of authenticating an app user typically needs the following steps in a mobile app:

• Sign Up: Provide a form for a user to enter credentials to create a new account.

• Log In: Provide a form for a user to enter credentials to authenticate their identity and login into the app.

• Save the Authentication Token when a user's credential verifies with the backend service. Authentication Token is received as a response from the REST API service.

• Making authenticated API requests.

• Log Out: An action to reset authentication and return the client to an unauthenticated state.

  The documentation walks you through what the implementation process is like and how to implement error handling on the form screens.

Learn More ↗️

Catch you next week!

New

Hi Community 👋

Thanks to Nick Selman for taking over this column last week 🙏

Let's see what's new at Draftbit this week.

📊 Charts and Graphs in Draftbit

A huge shoutout to our Draftbit Expert Justin Slabbert for sharing a guide on how to integrate charts and graphs in a Draftbit app using Custom Code and open source library react-native-svg-charts. Read more ↗️

🔥 Actions on Components

We have released the ability to trigger Actions on Input and Control components such as Checkbox, Date Picker, Picker, Radio Button Group, Switch, and Text Input. You can add an action to any of these components by selecting the component in the Layout tree, then go to its Properties panel > Data tab.

🚀 Publish apps to App Store and Google Play Store

Georges Duverger did a full walkthrough in Office Hours last week on how you can prepare and publish your Draftbit app for Apple's App Store and Google's Play Store. Watch Now 📺

💅 Formatting Custom Code

Our goal to improve when it comes to Working with Custom Code is now one step closer. We've added the famous JavaScript code formatter "Prettier" in Draftbit. You can now write or copy/paste code in custom components and then press the "Prettier" button to format it:

🐙 Commit source code to GitHub is now available.

If you are on the Pro plan or above, you have access to the feature.

Catch you next week!

New

Hey everyone, I'm standing in for Aman this week to let you know what's new at Draftbit! Let's jump right in.

🗺 Navigation Params Upgrade. You could already define variables to pass data between screens with Navigate actions. With this most recent upgrade, your screens can declare their own navigation parameters, and you can give those params test values. I've found that this makes it super easy to do things like build and iterate on item-view screens which are expecting passed data.

🔐 The No-Code Authentication Private Beta has ended. Thank you to all our beta testers! All of the features you need to do full auth without touching a line of code are now released. Georges did a full walkthrough in Office Hours last week:

🐙 Our GitHub Commit Private Beta is underway! If you are a Pro plan holder and you'd like access to this sneak-peek feature, let us know in the comments here.

🧩 A whole host of fixes and upgrades to components. New and improved components include: Slider, Icon, IconButton, ToggleButton, FAB, and Divider. More fixes and improvements are coming soon!

Catch you next week,

Nick

New

👋 Hello Draftbit community,

We're back this week with more upgrades in our quest to empower you to create the most advanced apps possible.

📺 The Future of No-Code is Code Livestream

On the last episode of Draftbit Office Hours, Amie Pollack Makerpad.co and Sarkis Buniatyan restep.io for a roundtable discussion on the future of no-code. Learn more ↗️

🚀 What's New?

🔥Firebase integration

Firebase integration is out of private beta and is now available to all Draftbit users.. It allows you to connect your Firestore and create, read, update or delete collections and documents with actions users perform in your Draftbit app.

If you are planning to use it, we recommend you to check out our Firebase documentation ↗️. It covers:

• Integrating Firebase configuration inside Draftbit
• Create, Read, Update and Delete operations as well as using Where and Order By conditions
• Using new Firebase components (Firebase Collection and Firebase Document) to fetch data from either a Firestore collection or a document

• Sending API requests to Firestore for creating a new document, updating an existing document, or deleting an existing document using Firebase Request Action

You can also learn from the Firebase and Draftbit series. Watch now ↗️

🔂 Transform Function: AddBearerPrefix

The last piece in the puzzle for No-Code authentication is the newly released transform function AddBearerPrefix.

It is a function that returns the token with the prefix Bearer such that it can be set as the value to the Authorization header.

🙀 Commit to GitHub

We are working on a new and exciting feature that allows you to commit to a GitHub repository directly from Draftbit. It will be available as a feature only for Pro members.

If you are interested and are on Pro plan, reach out ↗️

Until next week,

The Draftbit Team

New

👋 Hello Draftbit community,

We're back this week with more upgrades in our quest to empower you to create the most advanced apps possible.

⚡️ Draftbit Affiliate applications are LIVE

You can submit your application to become a Draftbit Affiliate. Make sure to read here what it offers and where to apply ↗️.

📺 The Future of No-Code is Code Livestream this Friday

No-code tools empower non-developers to build software applications, but what happens when it's time for those apps to become businesses?

This Friday, 13th August, at 10:30am CDT / 15:30 GMT, Amie Pollack (Makerpad.co) and Sarkis Buniatyan (restep.io) join Nick Selman for a roundtable discussion on the future of no-code.

Set a reminder on YouTube ↗️ or RSVP the event ↗️

🚀 What's New?

🔥 New Actions on Touchables and Buttons

We promised we will be improving the authentication flow from Low-code to No-code and here are the two new actions that make it possible.

• ParseJson
• Extract Key 

Learn more ↗️ about how to use these new actions to add authentication the no-code way

Until next week,

The Draftbit Team