Welcome to the first installment of the TableFlow release roundup. Each month we’ll summarize the new features and capabilities of the platform. Let’s dive in!
React and JavaScript SDKs
We released our first two frontend SDKs this month: the React SDK and the JavaScript SDK. These SDKs enable developers to quickly implement our embeddable importer, which launches a modal to handle file upload, data mapping, validation, and more.
To get started with the SDKs you’ll first create an importer in the admin experience. An importer allows you to define your template (the columns you expect your users to upload), add validations, and view and consume the clean, validated data from your users.
Then you'll be able to embed the importer by using the SDK to set the importerId and other parameters such as ‘darkMode’. You can copy+paste the code snippet with your importerId on the “Code” tab.
Frontend Callback
Our next major update was adding Frontend Callback support to our SDKs, enabling data return directly in the frontend. An onComplete event can now be triggered after a user completes a CSV or Excel file import. It's designed so you can easily interact with the clean, mapped data from TableFlow and allows you to create custom actions in your frontend application after an import completes.
You can use the new onComplete event by adding the handler to your SDK configuration. With this callback function you’ll receive two parameters: data and error. data is an object that contains information about the completed import operation such as the number of rows imported and the actual row data, and error contains any errors that occurred during the import.
To get started using this new onComplete event, update your React SDK or JavaScript SDK to the latest version and add in your custom handler for the event.
Webhooks
Our last major release in July was Webhooks. A webhook is an automated message sent from a lightweight API that powers one-way data sharing, triggered by events. We use webhooks to push real-time notifications about your data imports. For example, you can use a webhook on TableFlow to get notified when a user completes a file import.
To get started, create an endpoint where you can receive webhooks. Then navigate to your workspace settings in TableFlow. Under the “Webhooks” section you canadd the endpoint and choose the import.completed event to be notified when users complete a file import. Webhooks are only sent from importers where they have been enabled. To do this, navigate to an importer and toggle "Enable Webhooks" under the “Settings” tab.
