Custom State Change Detector is a powerful utility plugin for Bubble.io that automatically detects changes in any specified property or data source and triggers custom events when changes occur. This plugin is essential for creating reactive applications that need to respond to data changes in real-time.
Demo: https://tomo-plugins.bubbleapps.io/custom-state-change-detector
Key Features: - Universal Change Detection: Works with any Bubble.io data type including Things, Lists, and primitive values - Smart Comparison Logic: Automatically handles Bubble.io objects with _id comparison and direct value comparison for simple data types - Event-Driven Architecture: Triggers onChange events when state changes are detected - Error Handling: Built-in error handling to prevent application crashes - Memory Efficient: Only stores the last known value for comparison - Real-time Monitoring: Continuously monitors state changes without performance impact
Free
For everyone
stars • 0 ratings
23 installs
This plugin does not collect or track your personal data.
1. Add the Plugin to Your Page
- Drag and drop the "Custom State Change Detector" plugin onto your page - The plugin will appear as an invisible element that monitors state changes 2. Configure the State Property - In the plugin's properties, set the "State" field to the data source you want to monitor This can be: - A Thing from your database - Any dynamic data (user input, API response, etc.) - Simple values (text, numbers, booleans) 3. Set Up Event Handling - In the plugin's events section, configure the "onchange" event - Add actions that should execute when the monitored state changes Common actions include: - Show/hide elements - Update other data sources - Trigger workflows - Send notifications 4. Advanced Configuration (Optional) - The plugin automatically handles different data types - For Bubble.io Things: Uses _id comparison for accurate change detection - For simple values: Uses direct value comparison - No additional configuration needed for most use cases 5. Testing Your Setup - Change the monitored data source - Verify that your configured actions execute - Check the browser console for any error messages if issues occur
Types
This plugin can be found under the following types:
Built on Bubble
