Title: Block Development Workflow
Last modified: June 7, 2025

---

# Block Development Workflow

 *  [joedoe66](https://wordpress.org/support/users/joedoe66/)
 * (@joedoe66)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/block-development-workflow/)
 * Hey guys,
 * I just started with Gutenberg Block development. When you develop a static block
   and change the edit.js/save.js files you have to restore the block in the backend
   to see the changes. I looked in the docs but couldnt find anything helpful. Is
   there any way to get around this during development?
   Dynamic blocks would prevent
   this I think but then you would have to write the code in render.php right?Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Moderator [threadi](https://wordpress.org/support/users/threadi/)
 * (@threadi)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/block-development-workflow/#post-18502322)
 * No, you always have to reload the page. That’s the only way the browser will 
   load the updated JS file. I’ve been doing it this way for years now. It’s just
   a matter of getting used to it 🙂
 *  Thread Starter [joedoe66](https://wordpress.org/support/users/joedoe66/)
 * (@joedoe66)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/block-development-workflow/#post-18502339)
 * Thanks for the quick answer. I guess you get used to it but nevertheless there
   should be a solution to have an efficient dev workflow….
   Well then I need to 
   get my template perfect right from the start 😀
 *  [lxbdr](https://wordpress.org/support/users/lxbdr/)
 * (@lxbdr)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/block-development-workflow/#post-18504059)
 * If you’re using the wp-scripts package for building your blocks you can use the`--
   hot` option which enables HMR in the editor. Important: You need to set the constant`
   SCRIPT_DEBUG` to true in your `wp-config.php`.
   In my case I also needed to enqueue
   the runtime separately when using hot reload. This is my enqueue script: [https://gist.github.com/lxbdr/2d2120804ad400aaeb6ef21eed088e8a](https://gist.github.com/lxbdr/2d2120804ad400aaeb6ef21eed088e8a)(
   Adjust constants accordingly)
 * For the frontend part: 
   When using save.js you need to save your block and manually
   refresh it on the frontend. Unless you’re using tailwind you’ll likely have few
   changes to the markup during development and a lot of changes to the stylesheet.
   You can load your folder in the Chrome dev tools workspace which will automatically
   inject changes without a page reload. Or try a setup with browser-sync which 
   can also inject updated files without a full page reload.
 * If your are using the render.php you could set up a watcher using browser-sync
   to reload if the file changes.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Block Development Workflow’ is closed to new replies.

## Tags

 * [blocks](https://wordpress.org/support/topic-tag/blocks/)
 * [development](https://wordpress.org/support/topic-tag/development/)
 * [gutenberg](https://wordpress.org/support/topic-tag/gutenberg/)

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 3 replies
 * 3 participants
 * Last reply from: [lxbdr](https://wordpress.org/support/users/lxbdr/)
 * Last activity: [10 months, 1 week ago](https://wordpress.org/support/topic/block-development-workflow/#post-18504059)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics