Chrome DevTools vs. ReSharper vs. SonarQube for IDE

Chrome DevTools are great for troubleshooting bugs, broken elements on pages, styling issues, responsiveness, identifying performance issues, third-party connections for data privacy, reviewing cookies and local storage, screenshots in different dimensions. Chrome DevTools are for technical users, so you do need to have a decent understanding of some basics like HTML and CSS to get started using them.

Incentivized

ReSharper is the best all-in-one tool for Visual Studio that I have encountered. It contains many features not found in Visual Studio Enterprise, and those features already in Visual Studio provide much better implementations. I would recommend this to all developers, with the only people who will find it a detriment are developers running older, slower machines (due to ReSharper's resource requirements).

Incentivized

• The Elements panel is usually our first port of call to inspect and modify HTML and CSS in real-time.
• The Issues panel helps us to identify and resolve problems like cookie issues etc.
• The console panel allows developers to see the log output created by their website in real-time.
• Lighthouse helps us identify any issues with accessibility

Incentivized

• Shortcuts are awesome. Navigation through the code gets really easy.
• I use it every day: go to the last modified position, go to the next error, find usages. All refactoring shortcuts!
• Color identifiers let me identify variables from constants, methods, properties, and types. I use this feature and I can not live without it.
• Move code by scope is handy.
• Adding missing references automatically.

Incentivized

• SonarLint highlights all the issues in our codes and also displays the severity of each issue.
• SonarLint also provides suggestions for how to fix those code issues which are highlighted.
• SonarLint starts the processing of the file as soon as it is opened and highlights all the issues which it found.
• When we fix the issue, we don't even need to create a new build or generate fresh code quality report, as soon as we save the file with the changes, it does the processing again and shows the result if the issue is fixed or not.
• SonarLint saves a lot of time and effort by saving us from doing fresh build every time and generating new code quality report every time, thus increasing the efficiency and output which is in return beneficial for the client.

Incentivized

• As one delves into DevTools, one encounters a gradually steeper learning curve. You can do a lot very quickly, but to fully utilize DevTools takes time as one explores what it can do.
• With many new updates, tools and items are moved, and a comfortable workflow becomes a frustrating search. This often happens when following only slightly outdated tutorials on a given feature, even in Google's own documentation.
• The experimental flags, settings, and options are scattered about and a little clunky to configure when one has to make changes in multiple places.

Incentivized

• Sometimes it gives suggestion that are not suitable for code that you wrote

• Sometimes, SonarLint does not highlight the issues in the code correctly.
• The severity of the issues highlighted is according to the default rules set, we should also be given authority to set the severity of the issues.
• The default fixes which SonarLint provides should be more enhanced and there should be more fixes available.
• Sometimes it takes a lot of time for processing of the file when any new file is loaded or changes are saved in a file.

Incentivized

While Chrome DevTools are very powerful, it's not the easiest thing to use, as there are so many different tools built in. It takes some exploring to discover all the options possible within DevTools, but with a little exploring, the DevTools become a very powerful asset. Accessing the basic HTML and CSS inspection is very easy though, and that's the most common usage for the DevTools.

Incentivized

ReSharper is very familiar if you already know Visual Studio. JetBrains does have an excellent IDE (Rider); however, since ReSharper is an extension to Visual Studio, you only need to learn what their tools add, not a whole new way of working. I have found the extension's interface to be straightforward, although perhaps due to the massive range of features, navigating the menus is a little time-consuming until your muscle memory kicks in. Maybe a feature search tool would help make usability a 10 out of 10?

Incentivized

I'm not entirely sure what to rate the support for DevTools, because I don't have any experience dealing with official customer support for DevTools. I would guess the primary support for DevTools would be in a Chrome forum. Typically if I have a question or issue, I am able to find an answer from doing a quick Google search. It's pretty widely used, so it's not difficult to find answers.

Incentivized

I find them pretty much the same, they have the same tools except Firefox doesn't provide the lighthouse functionality. I do prefer firefox's dark theme and colour palette. But I use Chrome Dev tools because of the Light house functionality that analyzes the page load and scores the website on desktop and mobile experience.

Incentivized

ReSharper does what it does very well because it operates inside the IDE you are already using. It provides advanced features that function far above and beyond what Visual Studio Professional offers and does not require you to learn another IDE like JetBrain's excellent IDE Rider. My only wish is that ReSharper had a Visual Studio Code plugin!

Incentivized

SonarLint works along with SonarQube

Incentivized

• All positive, the tool is free so there's no need to spend money on it. Every return is positive.
• A lot, their tools increases productivity due because it helps developers to create and test websites inside the browser.
• Tools are intuitive so there's no need to invest in education on developers to learn these tools.

Incentivized

• ReSharper is our go-to tool for file formatting. All of our code process must be formatted correctly, and ReSharper makes that an easy to access keyboard shortcut.

Incentivized

• SonarLint helps in achieving all the business requirements in a more efficient way.
• It reduces the manual and redundant work which we would have to do else every time if we did not use SonarLint.
• SonarLint helps in maintaining code quality, and thus also highlights the loopholes for the cyber attacks and phishing attacks.
• SonarLint makes work easy and helps the developer to invest less time in manual work thereby increasing their capacity to deliver the maximum output to the client.

Incentivized