Tool for checking codestyle in JSX files

Question

There are exists many beautiful code formatting tools for vanilla Javascript. For example, JSCS. Is there any tool that can validate and format reactjs templates?

I have got error like that one at this moment

Unexpected token < at static/view/Auth.jsx :
    34 |
    35 |  return (
    36 |      <div className="auth-page"></div>

Also see this http://stackoverflow.com/questions/17248504/getting-facebooks-react-js-library-jsx-syntax-to-play-nicely-with-jslint — Alex, Feb 16 '15 at 12:10

niba · Accepted Answer · 2017-05-12T22:06:04.860

7

JSCS can be used with React. You have to add flag --esprima=esprima-fb to make it compatible with jsx syntax.

If you're starting your JSCS from cmd: jscs path[ path[...]] --esprima=esprima-fb

If you have a .jscrsc config file add "esprima" : "esprima-fb"

edited May 12 '17 at 22:06

answered Feb 16 '15 at 15:46

niba

2,821
1
19
23

Cant set it in config file, get `Error: Unsupported rules: esprima`. – Alexey B. Feb 17 '15 at 08:50
2

okey, first you need to install that package `npm i --save-dev esprima-fb` – Alexey B. Feb 17 '15 at 09:18

Tool for checking codestyle in JSX files

1 Answers1