Definition: Hot Reload is the real-time preview system in Taskade Genesis that reflects changes to your app quickly as you make them, so you can iterate without waiting for full rebuilds.
Why Hot Reload Matters
Traditional App Development:
- Make a change
- Save the file
- Wait for rebuild
- Refresh the browser
- Find where you were
- See the change
- Repeat...
Taskade Genesis Hot Reload:
- Make a change
- See it reflected in the preview
- Keep iterating
How Hot Reload Works
When you modify your Genesis app through conversation or prompt, the preview updates to reflect your changes quickly. This lets you iterate on your app's design, functionality, and layout without starting over each time.
Fast Feedback: Changes appear in the preview quickly so you can experiment with different approaches and see results in real time.
State Preservation: Hot Reload aims to maintain your app's current state -- form inputs, scroll position, and component states -- so you can see how changes affect actual usage.
Hot Reload in Action
Design Iteration:
"Make the header blue" -- see the change reflected in the preview
"Actually, try purple" -- the preview updates
"Add more padding" -- spacing adjusts
Functional Changes:
"Add a submit button" -- button appears in preview
"Make it validate email" -- validation becomes active
"Show success message" -- message displays
Layout Adjustments:
"Move the sidebar to the right" -- layout shifts in the preview
"Make it collapsible" -- collapse behavior works
"Hide on mobile" -- responsive behavior updates
Hot Reload Best Practices
Iterate Freely: Use Hot Reload to experiment with different approaches quickly
Test States: Check how changes affect different app states (empty, loading, error, success)
Preview on Mobile: Test responsive changes across devices
Share Previews: Live preview URLs let collaborators see changes as you make them
Key Features
- Live updates as you iterate through conversation
- State preservation across updates when possible
- Error recovery -- broken changes do not crash the preview
- Multi-device support for team previews
Related Wiki Pages: App Builder, Version History, First App