React 19에서 인상적인 것들을 추려 보았다.

https://react.dev/blog/2024/04/25/react-19

종합적인 감상

• use가 도입되면서 외부 리소스를 가지고 오는 작업(특히 비동기)이 매우 간편해 질 것으로 기대
• data fetching 라이브러리들에 대대적인 변화가 있을 것으로 예상
  사용자와 상호작용하는 상태를 form에 친화적이도록 작성하면 불필요한 상태관리가 줄어 들 것 같다.

<form>과 Action

• Action: 비동기 transition을 사용하는 함수를 일컫는 용어
  • pending, 에러, 낙관적 업데이트등을 쉽게 수행 가능
• useTransition등에서 비동기 콜백 함수 사용이 가능
• useActionState, useOptimistic추가
  • 사용자 상호작용을 위해 직접 상태를 컨트롤하는 대신 form을 자연스럽게 사용 가능
• 브라우저 내장 을 확장 지원
  • action prop에 지정된 함수에서 formData에 접근 가능
  • useActionState과 같이 사용하면 formDat 기반의 상태를 쉽게 관리 가능

use

• hook과 닮았지만 hook이 아님.
• promise, context등의 리소스를 읽어 오는 용도
  • promise는 자동으로 resolve되며 pending중일때는 suspense가 동작합니다.
• hook과 같은 점
  • hook또는 component에서만 호출 할 수 있음
• hook과 다른 점
  • 조건부 호출이 가능함
    • if문, loop문 안에서 호출이 가능함.
    • early-return 이후에도 호출이 가능함

Context사용 방법이 달라집니다.

• Provider가 없어짐. <Context.Provier>대신 를 사용
• useContext대신 use 를 사용
  • 조건부 호출등이 가능하여 필요할때만 사용 할 수있음

ref를 prop으로 취급.

• 더이상 forwardRef가 필요하지 않습니다.