Ant-design: antd์— ๋Œ€ํ•œ ์ฝ”๋“œ ๊ทœ์น™

์— ๋งŒ๋“  2016๋…„ 03์›” 22์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

@waywardmonkeys ๋•๋ถ„์—

๊ทธ๋ฆฌ๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด (๋ณด์™„ ๋˜๋Š” ESLint๋กœ) ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ๋„๋ก ์ด๋Ÿฌํ•œ ์ฝ”๋“œ ๊ทœ์น™์„ ๋ฌธ์„œ์— ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋” ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ์œ„ํ‚ค๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ์˜ ์ฝ”๋“œ ๊ทœ์น™์— ๋Œ€ํ•ด ๋…ผ์˜ํ•˜๊ณ  ๊ฒฐ๋ก ์„ ๋„์ถœํ•˜๋ฉด Wiki๋ฅผ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

cc @afc163 @yiminghe
์•„๋งˆ๋„ @hotoo ๊ฐ€ ์ด๊ฒƒ์— ๊ด€์‹ฌ์ด ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค :-)

์ฐธ๊ณ : antd์˜ ์ฝ”๋“œ ์Šคํƒ€์ผ์€ eslint-config-airbnb ์˜

๐Ÿ—ฃ Discussion

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

// Good
Button.propTypes = {
  type: PropTypes.string,
}
// Bad
Button.propTypes = {
  type: PropTypes.string,
};

js๋ฅผ ์ž‘์„ฑํ•œ ์ดํ›„๋กœ ์„ธ๋ฏธ์ฝœ๋ก ์„ ๋ณด๋Š” ๊ฒƒ์ด ํ•ญ์ƒ ๋ถˆํŽธํ–ˆ์Šต๋‹ˆ๋‹ค. . .

๋ชจ๋“  4 ๋Œ“๊ธ€

๋‹ค์Œ๊ณผ ๊ฐ™์€ ์งˆ๋ฌธ์— ๋Œ€ํ•ด ๋…ผ์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

PropTypes.string ์ด ๋” ๊ฐ„๊ฒฐํ•˜๊ธฐ ๋•Œ๋ฌธ์— React.PropTypes.string ๋ณด๋‹ค ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

// Good
Button.propTypes = {
  type: PropTypes.string,
};

// Bad
Button.propTypes = {
  type: React.PropTypes.string,
};
// Good
Button.propTypes = {
  type: PropTypes.string,
}
// Bad
Button.propTypes = {
  type: PropTypes.string,
};

js๋ฅผ ์ž‘์„ฑํ•œ ์ดํ›„๋กœ ์„ธ๋ฏธ์ฝœ๋ก ์„ ๋ณด๋Š” ๊ฒƒ์ด ํ•ญ์ƒ ๋ถˆํŽธํ–ˆ์Šต๋‹ˆ๋‹ค. . .

[email protected] ๊ธฐ๋ฐ˜

์ด ์Šค๋ ˆ๋“œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ ์—ด๊ณ  ์ด ์Šค๋ ˆ๋“œ์˜ ๊ด€๋ จ ๋Œ“๊ธ€์— ๋งํฌํ•˜์‹ญ์‹œ์˜ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰