Compare Chrome extensions: BlockSite: Block Websites & Stay Focused vs React Developer Tools

Stats BlockSite: Block Websites & Stay Focused BlockSite: Block Websites & Stay Focused React Developer Tools React Developer Tools
User count 1,000,000+ 4,000,000+
Average rating 4.44 3.99
Rating count 28,385 1,506
Last updated 2024-01-28 2024-03-09
Size 19.07M 1.57M
Version 6.5.7 5.0.2 (3/8/2024)
Short description
Stay focused and improve productivity with our key features: Custom blocklist, Scheduled site blocking and Password protection Adds React debugging tools to the Chrome Developer Tools. Created from revision 47cf347e4 on 3/8/2024.
Full summary

Make productivity your priority with BlockSite.

Want to block websites on chrome? We’ve got you covered with our free site blocker extension. Simply add websites to your block list and we’ll make sure they won’t distract you. We’ll even throw in some really funny memes & images if you try and visit a website while it’s in your block list.

Stay More Focused Blocksite is an app and website blocker used by over 5 million people worldwide. Use BlockSite to temporarily block distracting apps and websites so you can be focused, productive, and increase your self control.

⭐️Our Features⭐️

👨🏼‍💻Focus Mode Focus mode helps you control your schedule via the Pomodoro technique. Break down your tasks into intervals, traditionally 25 minutes followed by a short break. With ‘Focus Mode’ you can set specific times to block websites and when to browse freely.

🔞Adult Content Ever wanted to block adult content? With the BlockSite extension you can do so easily. Our adult blocker removes all adult sites by default making sure that you don’t see any inappropriate or unwanted content.

See more

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler".

The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.

By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on.

If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree.

The Profiler tab allows you to record performance information.

This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.