Tips

ESLint

.eslintrc.json ํŒŒ์ผ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.
es6 ๋ฌธ๋ฒ•๊ณผ jsx ๋ฅผ ํ˜ผ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•„๋ž˜์™€ ๊ฐ™์€ lint ์„ค์ •์„ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.

{
    ...
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    }
    ...
}

React Development Tools

์†์‰ฌ์šด ๋””๋ฒ„๊ทธ ํ™˜๊ฒฝ์„ ์œ„ํ•˜์—ฌ ํฌ๋กฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ (Chrome Extension) ์—์„œ ํ•ด๋‹น ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•œ๋‹ค.

React Development Tools