admidbamafmdejfidoeijgghcffngbmp
Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a… Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a given page are too heavy in NextJS. It will only works for first page load. When using the `Link` component you may consider have a look at the "NextJS DevTools" panel that this extension is adding in the DevTools. Icons are from the CoreUI Icons set (see https://github.com/coreui/coreui-icons?ref=iconduck.com).
Vue.js devtools
DevTools browser extension for Vue.js Chrome devtools extension for debugging Vue.js applications.
Angular DevTools
Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities. You can use Angular DevTools to understand the structure of your application and preview the state of the directive and the component instances. To get insights into the execution of the application, you can use the profiler tab, which shows you the individual change detection cycles, what triggered them, and how much time Angular spent in them. You can also inspect and visualize your application's dependency injection tree to better how understand how and why any token was resolved to a specific service.
React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. 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/main/packages/react-devtools-extensions.
daily.dev | Developer News Done Right, in Every New Tab
Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source. Open a new tab and your personalized developer feed is already there. Curated from 2,000+ trusted blogs and publications, including GitHub Blog, Hacker News, Dev.to, freeCodeCamp, and hundreds more. Personalized to your interests and tech stack. The more you read, the smarter it gets, because it learns from you and from what over a million other developers find worth reading. 🏆 Product Hunt, Product of the Year ⭐ 18,000+ GitHub stars, fully open source at github.com/dailydotdev WHAT HAPPENS WHEN YOU INSTALL 1️⃣ Open any new tab. Your personalized reading experience is there. Technical articles, tutorials, and community discussions from 2,000+ sources, matched to your stack. 2️⃣ It gets smarter every day. AI personalizes it, and over a million developers help surface what matters. When they upvote, discuss, and share articles, the best content rises and the noise disappears. 3️⃣ Read, upvote, discuss. Every article has a conversation. You're not reading alone. See what others think, add your take, learn from the discussion. 4️⃣ Build a reading streak. Come back tomorrow and the next day. Track your streak, unlock achievements, climb leaderboards, and build a profile that grows over time. 5️⃣ Find your people. Join a Squad around React, DevOps, AI, cloud, mobile, open source, or whatever you care about. Share links, start discussions, learn together. Public or private. Most tools in this space are glorified RSS readers or algorithm-only experiences. daily.dev is different because the community is built in. Developers upvote articles, which teaches the system what actually matters. Not just what's new, but what's good. Discussions add context you can't get from reading alone. The real insight is often in the comments. Squads create focused curation around every topic and language. And AI personalizes on top of all of this, matching content to your specific stack and interests. Think of it as a feed curated by a senior engineer who shares your exact interests. • Personalized reading from 2,000+ sources, powered by AI + community signals • Multiple views: Popular, Upvoted, Discussed, Following • Custom feeds for different interests and stacks • Squads, communities around any topic • Reading streaks, achievements, and leaderboards • DevCard, a shareable developer identity card • Bookmarks with folders • Search across millions of posts • Dark mode and light mode • Available on Chrome, Edge, web app, iOS, and Android 🎯 WHO IS THIS FOR? • Developers who want to stay current without opening 10 sites every morning • Engineers who learn better when they can see what peers think is worth reading • Anyone who wants a daily reading habit that builds over time • Teams that share and discuss technical articles together in private Squads ⚡ YOUR WORKFLOW STAYS INTACT • Open a blank tab anytime, one click, always available • Browse without signing up. Register when you're ready to upvote, comment, or join Squads • Uninstall in 10 seconds if it's not for you • Your data stays yours. Open source, no data selling, ever 🔒 PERMISSIONS AND TRANSPARENCY This extension only replaces your New Tab page. It does: • DON'T track your browsing on other websites • DON'T read or modify content on other pages • DON'T access your browsing history • DON'T inject scripts into any website We only request what's needed to show your reading experience. Fully open source. Verify the code yourself at github.com/dailydotdev Unlock premium features: • Presidential Briefing: a personal agent scans the landscape daily, analyzes 100+ posts, and delivers a concise briefing • Smart Titles: improves clickbait headlines so you know what you're clicking • Clickbait Shield: detects and replaces misleading titles automatically 🌐 OPEN SOURCE AND PRIVACY daily.dev requests only the permissions it needs and never sells your data. GitHub: github.com/dailydotdev Privacy: daily.dev/privacy
