Member-only story

SonarQube and ReactJS : the right way

Silvan
4 min readMay 14, 2017

--

Addendum 02/2019 : SonarQube has released several tool and plugins to handle JSX and ESLint configurations natively with their own tools. Most of the article may be outdated right now. Have a look at https://github.com/SonarSource/SonarJS/blob/master/docs/DOC.md#advanced-configuration and https://github.com/SonarSource/eslint-plugin-sonarjs.

This article is showing you how to use SonarQube with ReactJS and its JSX files. I will use both SonarQube JavaScript plugin and the additional plugin Sonar EsLint plugin.

For the people who has missed my previous article, I have created a new SonarQube plugin to extends the Javascript analysis.

Installation and Configuration

The first step is to download the plugin directly from Github here.

Find the latest release.

Copy it in your Sonar extension folder.

Restart the server

--

--

Silvan
Silvan

Written by Silvan

#Digital #Transformation Techlead at @serial_ch. @tocea founder. I save #software in exchange of Chocolates,Cheese and Beer in Switzerland #Breton/Gallo en exil

Responses (7)