Hot Reload

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