Hey friends, last week we made a bunch of upgrades to the building experience in Draftbit. Without further ado, let’s dive into:
- Upgraded Navigation
- All-new Context Menus
- Streamlined Component Picker
We upgraded our supported Navigation to React Navigation 5.0 (more info about 5.0). Not only does this upgrade pave the way for Progressive Web Apps (PWAs) built in Draftbit, but it also unlocks several improvements to your building experience.
The most notable improvement is that you can now style your Navigation using your Draftbit app’s default theme. When you change your default theme in App Settings, the navigation styles also change.
In the coming weeks, we’ll be enabling many more of the new configurations that React Navigation 5.0 makes possible, so be on the lookout for those!
Go Deeper: Intro to Navigation (Docs)
All-New Context Menus
The all-new Context Menus give you a faster way to iterate on your Draftbit app. To access Context Menus, simply click the
... indicator on any Component to bring up a menu of options specific to that Component.
Context Menus are currently available for Components and Screens. Context Menus will be available for more parts of the Draftbit experience over time.
As part of this update, we’ve also deprecated the Global Duplicate and Global Delete buttons.
Go Deeper: Introduction to the Draftbit Builder (Docs)
Streamlined Component Picker
This update to the Builder makes building screens faster and more straightforward. Here’s what’s changed:
- We’ve moved the
Add Componentfunctionality out of the left-side menu, and made it part of the
- You can now have the Layout and Add Component panes open at the same time.
- You can also Configure & Style components you add without dismissing the component picker.
This means that we’ve removed a lot of the clicking back-and-forth required to build a screen in Draftbit.
Here’s what that now looks like: