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. Insert text programmatically in WordPress Gutenberg Editor
  26. Javascript function defined in view.js not reachable from save.js
  27. How to move custom gutenberg block controls from settings to styles tab?
  28. How to use useSelect to retrieve the currently default fontFamily?
  29. Event when Modal is opened/visible
  30. useBlockProps() nests wrapper with class name inside block wrapper in the editor
  31. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
  32. How can you check if you are in a particular page in the WP Admin section? For example how can I check if I am in the Users > Your Profile page?
  33. How to implement color picker from wordpress in my plugin?
  34. Add async script
  35. API to trigger prompt on leaving page
  36. Using Primary Color in Plugin Block
  37. Gutenberg Blocks doesn’t render correctly when using do_blocks
  38. How to Add a .js file Only in one specific Page Dynamically to Head
  39. How to prevent loading of all plugin’s resources?
  40. How to trap “Publish” button to check for meta box validation?
  41. Pass javascript result to shortcode executer function
  42. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  43. Use js script from one plugin in another plugin
  44. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  45. Making a custom widget that includes a tinymce and works in Site Origin Page Builder
  46. What’s the better way to add an inline script?
  47. Is there a better way to implement responsive images than what WordPress uses by default?
  48. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  49. Prevent Javascript Facebook SDK Conflicts in plugin
  50. how to include javascript file and css file in wordpress
  51. How do you render_callback for register_block_type to a method in another class?
  52. Why is my javascript not invoked in my hooks except wp_head?
  53. WordPress Block Development – trouble importing from @wordpress/icons
  54. Is there an event or an other method that tells me the preview is loaded?
  55. How to access noticeOperations from withNotices
  56. How to insert text at the current cursor position in Gutenberg?
  57. How to get boolean value from register_meta properly?
  58. jQuery selectors for editor elements safe to use?
  59. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  60. My WordPress plugin cannot load my JavaScript file
  61. Inserting code to HTML view from a pop up initiated from visual view
  62. Plugin – Make sure jquery is loaded in my settings page plus my JS file
  63. Proper way to use useSelect
  64. Passing the name of selected color from the custom component to `render_callback`
  65. How to save post meta as an array in Gutenberg?
  66. Need help about understand api, wp, $ syntax in WordPress plugin script
  67. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  68. About a programming language starts with [closed]
  69. Referencing files in JavaScript in WordPress Plugin
  70. WordPress – Get Posts with Category data
  71. Custom Block Not Shown in Block Inserter
  72. var(–text-color) in style.scss works once but not twitch
  73. wordpress full site editing problem when extending core blocks
  74. Pass custom props to
  75. Get value of custom checkbox from Gutenberg sidebar in plugin
  76. Dynamically modify content added to table via javascript
  77. XMLHttpRequest to open PHP file responds with Missing Page
  78. Javascript scroll eventHandler only working when I’m logged in in WordPress
  79. Replace the WordPress Media Library Uploader
  80. Pass javascript result to shortcode executer function
  81. Add language localisation to javascript alert?
  82. How to display archive by selecting year and then selecting month
  83. How do I use (or mimic) document.getElementById() on a page loaded from WordPress database?
  84. Custom plugin not appearing
  85. Gutenberg’s Popover component position relative to the focused element
  86. How do I access the contents of WordPress Classic editor in admin area with JavaScript?
  87. How to get the value entered in the input field in wordpres
  88. Gutenberg: – Call a function after Server Side Component is rendered
  89. Accept only PDF file for upload
  90. get the queried_object of an url
  91. Call API on post save/update and show the result in admin area
  92. How can I add a custom button to the post editor?
  93. How to get custom user meta by id in custom Gutenberg block
  94. Vanilla javascript in custom gutenberg block not working
  95. How can I include React useState in a custom gutenberg block plugin?
  96. Translations not making it into Block UI but work in the rest of the plugin
  97. Output HTML Tags In Gutenberg Block
  98. Can you nest columns/column in a gutenberg custom template?
  99. WordPress Block with Interactivity API e Preact Component
  100. render_block_context filter and block context inheritance