Preventing double loading JS scripts (like React) when developing for Gutenberg

Any WordPress-packaged scripts enqueued properly via wp_enqueue_script won’t load multiple times. If two different plugins rely on the same dependencies, thanks to the enqueue logic, those dependencies will only be loaded once.

create-guten-block only contains javascript relevant to the custom block itself, and sets wp-blocks, wp-i18n, and wp-element (the abstraction layer WP uses on top of React) as its dependencies. See /src/init.php of the generated block code.

Related Posts:

  1. lodash dependency in a Gutenberg plugin
  2. creating elements/innerblocks via rangecontrol
  3. Looking for callback function after Gutenberg is rendered?
  4. Gutenberg: useDispatch is not a function – @wordpress/data included
  5. Make a list with header and subtext in Gutenberg blocks
  6. Gutenberg – What is the best way to save/update post meta?
  7. How to prevent UNDO on guternberg block editor
  8. Do I have to worry about useState causing a re-render?
  9. Creating a custom Gutenberg block with columns
  10. Gutenberg: import dependency or assign from global variable?
  11. How to control an elements classes from multiple Gutenberg sidebar controls?
  12. Developing the save function in Gutenberg blocks
  13. Gutenberg – is it ok to load dependencies multiple times?
  14. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  15. Trigger function on Remove block or add new block in Gutenberg JavaScript
  16. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  17. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  18. What happens/fires when you select a block in the editor?
  19. Is “document loaded” different on admin side than public side?
  20. How to use setAttributes outside of the edit function return
  21. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  22. Reading plugin settings in esnext wordpress block
  23. How can i add insertion point between inner blocks in my custom block like core blocks
  24. Reinitiate Gutenburg’s blocks using javascript
  25. How to include jQuery and JavaScript files correctly?
  26. check if Gutenberg is currently in use
  27. How to use PanelColorSettings in custom Gutenberg block?
  28. How can I run AJAX on a button click event?
  29. Can I use the wp media uploader for my own plugin?
  30. Customizing the 3.5 “Add Media” popup (Backbone.js)
  31. Test to see if jQuery or Prototype is queued by another plugin?
  32. jQuery in header or footer
  33. Hook the Keydown Event in the TinyMCE Post Editor
  34. Adding pre-publish checks with Gutenberg
  35. Managing two editable fields in gutenberg
  36. How to make repeated component/block in Gutenberg
  37. How to save block attributes when the output doesn’t change
  38. Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?
  39. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  40. wp_localize_script $handle
  41. How do I only load js on the post-new.php and post.php pages in admin?
  42. What’s the Right Way to get and save remote data for a Gutenberg block?
  43. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  44. How to disable “Transform to” option in Gutenberg custom blocks
  45. Create custom blocks for bootstrap
  46. Passing select control value to block
  47. How to Load Plugin JS in theme’s footer section
  48. How insert negative values in Gutenberg box-control
  49. Initial help with official “create a block” tutorial
  50. Are block templates incompatible with serialize_blocks?
  51. How do I dynamically render an InnerBlock inside a dynamic block?
  52. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  53. Gutenberg blocks not getting styled on back end
  54. How to add Internationalization in WordPress using Javascript/React?
  55. Run code once when block is created
  56. Best way to save custom css for an block
  57. How can I listen to events in Gutenberg block?
  58. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  59. JSX in WordPress Plugin Development
  60. ResizableBox with RangeControl not working
  61. javascript datatables in a plugin
  62. Gutenberg table block with Bootstrap .table class
  63. What action hook can I use to add a JavaScript to a page post using a theme template that is not including get_header() nor get_footer()?
  64. should i be checking for jquery before enqueing it in a plugin
  65. Loading custom js file on the admin page through plugin
  66. Run JavaScript validation script on form submit in plugin
  67. Custom Plugin – CSS works, JS doesn’t
  68. Catching Gutenberg sidebar switch event
  69. Use npm and wp-env to make production bundle
  70. Passing the name of selected color from the custom component to `render_callback`
  71. How to use apiFetch to get author information in Gutenberg properly?
  72. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  73. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  74. Service Worker Uncaught (in promise) DOMException
  75. How to properly package a block plugin
  76. Setting global block attribute value
  77. About a programming language starts with [closed]
  78. Should I put my plugin javascript inline?
  79. Custom Block Not Shown in Block Inserter
  80. wp.media libary pdf type
  81. Query String Filtering API
  82. How to extend SelectControl with data from my theme
  83. Multiple TinyMCE on button click is initialized and appended but why only last one is writeable?
  84. Gutenberg block breaks when showing new data
  85. How to re-render inspector controls?
  86. jQueryUI draggable doesn’t work in WordPress plugin
  87. Get value of custom checkbox from Gutenberg sidebar in plugin
  88. Where to save Gutenberg plugin data?
  89. Load script on frontend from widget plugin
  90. Gutenberg component in a plugin admin
  91. Append php file to footer
  92. XMLHttpRequest to open PHP file responds with Missing Page
  93. Add custom html classes to gutenberg wrapper
  94. Filterable posts using categories
  95. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  96. Gutenberg text field validation
  97. Undo operation not working in Rich text [Gutenberg]
  98. Render raw html in Gutenberg block
  99. How can create a custom plugin to call my webapi after any registration or membership plugin functionality
  100. how to add contact form 7 shortcode in javascript variable