Ollie Block Academy

Development Tools Set Up

Browser Set Up

Chrome and Firefox offer the best developer tooling for block development, with superior debugging capabilities compared to Safari or Edge browsers.

React Developer Tools extension adds Components and Profiler tabs to your browser’s dev tools, allowing you to inspect the React component tree that powers the block editor interface.

Redux DevTools extension provides insight into the block editor’s data management system, showing the application state and how it changes as you interact with blocks and the editor interface.

Back to: Ollie Block Academy > Development Tools Set Up