In the last few weeks, we’ve reduced peak p95 and p99 latencies for our blocks and users SDKs and APIs by over 56% through better caching, database indexing, and horizontally scaling our services.
We’ve also shipped performance improvements for our analytics and user flow monitoring workflows.
Dopt React 4.0 SDK
Now, with even more of the things you love! Our SDKs have always supported cross-tab, cross-device usage, and we’ve always relied on websockets and pub-sub to push changes to client state and user properties to our SDKs as quickly as possible.
With @dopt/react 4.0, we’ve made our react SDK more resilient and performant by:
improved session reconnectivity — when your connection to Dopt goes down, we’ll wait for it to come back and pick up where you left off
fewer API calls — we’ve moved our flow /start requests into our API so that the SDK doesn’t have to manage starting flows
better hook caching — we’ve reduced the number of updates our hooks trigger by simplifying our dependencies and leaning on refs.
We updated our new user onboarding experience by creating a checklist. The checklist includes key steps needed to start using Dopt. We of course used Dopt to create the checklist with our own custom components ✨.
The new billing page lets you see your plan, details about your MTU and flow usage, and the ability to upgrade plans. If you’re on a paid plan, you can access your invoices. You can access the billing page in Settings → Billing.
We've also updated our Free plan experience to better display your usage in the main navigation.
Essential setup example
We released a new Dopt example: setup experiences. Setup experiences are useful for walking a user through crucial steps that might be necessary to get running in your product such as connecting to data sources or installing browser extensions. They are also helpful for gathering contextual information about a user to aid in building customized experiences in your app.
We’ve updated our Vue docs and in-app usage guides. In addition to the SDK’s README and technical typedocs, we’ve added a new in-depth guide that walks through how to use blocks, flows, and fields within your Vue app. We’ve also added pointers to each of our Vue composables, allowing you to directly and headlessly work with our Checklist, Tour, Modal, and Card components in your apps.
We’re super excited to release our Dopt Vue SDK, a new SDK that makes it easy to build better onboarding and education experiences in any Vue app.
Our Vue SDK offers a convenient way to access, update, and react to flows and blocks to build onboarding experiences. The SDK exposes a DoptPlugin which you can add to your Vue app. Once you’ve added the plugin, you can use our composables to bind Dopt state with your own UI.
It’s published to npm as @dopt/vue, and you can dig into our implementation by visiting Github (dopt/odopt).
You can now use the delete key in addition to backspace to delete things on the flow canvas.
We now keep your environment setting sticky across all pages.