์•„๋ž˜ API๋Š” react ํŒจํ‚ค์ง€์—์„œ ๋‚ด๋ณด๋ƒˆ์ง€๋งŒExported ์ƒˆ๋กœ ์ž‘์„ฑํ•  ์ฝ”๋“œ์—์„œ๋Š” ๊ถŒ์žฅํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋งํฌ๋ฅผ ํ†ตํ•ด ๊ฐ๊ฐ์˜ API ํŽ˜์ด์ง€์—์„œ ์ œ์‹œํ•œ ๋Œ€์•ˆ์„ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


Legacy APIs

  • Children์€ children Prop์œผ๋กœ ๋ฐ›์€ JSX๋ฅผ ์กฐ์ž‘ํ•˜๊ณ  ๋ณ€ํ˜•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€์•ˆ ํ™•์ธํ•˜๊ธฐ.
  • cloneElement๋ฅผ ํ†ตํ•ด ๋‹ค๋ฅธ ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์‹œ์ž‘์ ์œผ๋กœ ์‚ฌ์šฉํ•˜์—ฌ React ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€์•ˆ ํ™•์ธํ•˜๊ธฐ.
  • Component๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํด๋ž˜์Šค๋กœ์จ React ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค. ๋Œ€์•ˆ ํ™•์ธํ•˜๊ธฐ.
  • createElement๋กœ React ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ JSX๋ฅผ ๋Œ€์‹  ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • createRef๋Š” ์ž„์˜์˜ ๊ฐ’์„ ํฌํ•จํ•  ์ˆ˜ ์žˆ๋Š” ์ฐธ์กฐ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๋Œ€์•ˆ ํ™•์ธํ•˜๊ธฐ.
  • forwardRef๋Š” ์ปดํฌ๋„ŒํŠธ๊ฐ€ ref๋กœ DOM ๋…ธ๋“œ๋ฅผ ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ์— ๋…ธ์ถœ์‹œํ‚ต๋‹ˆ๋‹ค.
  • isValidElement๋Š” ๊ฐ’์˜ React ์—˜๋ฆฌ๋จผํŠธ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ cloneElement์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • PureComponent๋Š” Component์™€ ์œ ์‚ฌํ•˜์ง€๋งŒ, ๋™์ผํ•œ Prop์˜ ์žฌ๋ Œ๋”๋ง์€ ์ƒ๋žตํ•ฉ๋‹ˆ๋‹ค. ๋Œ€์•ˆ ํ™•์ธํ•˜๊ธฐ.

Removed APIs

์•„๋ž˜ API๋“ค์€ React 19์—์„œ ์ œ๊ฑฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

  • createFactory: ๋Œ€์‹  JSX๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ: static contextTypes: ๋Œ€์‹  static contextType๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ: static childContextTypes: ๋Œ€์‹  static contextType๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ: static getChildContext: ๋Œ€์‹  Context๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ: static propTypes: ๋Œ€์‹  TypeScript๊ฐ™์€ ํƒ€์ž… ์‹œ์Šคํ…œ์„ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ: this.refs: ๋Œ€์‹  createRef๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.