React-devtools: Stateless Functional Component ์†Œ์Šค ์ฝ”๋“œ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ‘œ์‹œ๋˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2016๋…„ 06์›” 14์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react-devtools

cc @spicyj

medium good first bug

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

@jaredly ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค ์„ค๋ช… ์—…๋ฐ์ดํŠธ๋ฅผ ๊นœ๋นกํ–ˆ์Šต๋‹ˆ๋‹ค... ๐Ÿ˜ข

์žฌํ˜„์€ http://s.codepen.io/spicyj/debug/qNOZOP์— ์žˆ์œผ๋ฉฐ ํ•ด๋‹น ๊ตฌํ˜„์€ http://codepen.io/spicyj/pen/qNOZOP์— ์žˆ์Šต๋‹ˆ๋‹ค.

devtools ๋ฐ "show source"์—์„œ Board ๊ตฌ์„ฑ ์š”์†Œ(ํด๋ž˜์Šค ๊ตฌ์„ฑ ์š”์†Œ)๋ฅผ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์œผ๋กœ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ๊ตฌํ˜„์œผ๋กœ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Square (์ƒํƒœ ๋น„์ €์žฅ ๊ธฐ๋Šฅ ๊ตฌ์„ฑ ์š”์†Œ)์—์„œ "์†Œ์Šค ํ‘œ์‹œ"๋ฅผ ํด๋ฆญํ•˜๋ฉด ๋Œ€์‹  ReactCompositeComponent ์˜ ์†Œ์Šค ์ฝ”๋“œ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ์‚ฌ ํ•ด์š”!

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

? ์ž์„ธํžˆ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”

@jaredly ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค ์„ค๋ช… ์—…๋ฐ์ดํŠธ๋ฅผ ๊นœ๋นกํ–ˆ์Šต๋‹ˆ๋‹ค... ๐Ÿ˜ข

์žฌํ˜„์€ http://s.codepen.io/spicyj/debug/qNOZOP์— ์žˆ์œผ๋ฉฐ ํ•ด๋‹น ๊ตฌํ˜„์€ http://codepen.io/spicyj/pen/qNOZOP์— ์žˆ์Šต๋‹ˆ๋‹ค.

devtools ๋ฐ "show source"์—์„œ Board ๊ตฌ์„ฑ ์š”์†Œ(ํด๋ž˜์Šค ๊ตฌ์„ฑ ์š”์†Œ)๋ฅผ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์œผ๋กœ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ๊ตฌํ˜„์œผ๋กœ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Square (์ƒํƒœ ๋น„์ €์žฅ ๊ธฐ๋Šฅ ๊ตฌ์„ฑ ์š”์†Œ)์—์„œ "์†Œ์Šค ํ‘œ์‹œ"๋ฅผ ํด๋ฆญํ•˜๋ฉด ๋Œ€์‹  ReactCompositeComponent ์˜ ์†Œ์Šค ์ฝ”๋“œ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ์‚ฌ ํ•ด์š”!

์žก์•˜๋‹ค! "SFC"๊ฐ€ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ๋ชฐ๋ž์Šต๋‹ˆ๋‹ค :)

"์ด ๋””๋ฒ„๊ทธ ๋ณด๊ธฐ๊ฐ€ ๋งŒ๋ฃŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค."๋ผ๋Š” ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. repro ๋งํฌ์— ์•ก์„ธ์Šคํ•˜๋ ค๊ณ  ํ•  ๋•Œ :/

PR https://github.com/facebook/react-devtools/pull/557 ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. @jaredly

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