React 19는 수화 중에 타사 스크립트 및 브라우저 확장을 처리하는 방법이 크게 개선되어 이전 버전에 비해 부드러운 경험을 제공합니다. 주요 차이점은 다음과 같습니다.
예상치 못한 태그를 건너 뜁니다
React 19에서, 타사 스크립트 또는 확장에 의한 수정으로 인해 불일치가 감지되면, 재 렌즈 오류를 트리거하는 대신 예기치 않은 태그보다 지능적으로 건너 뜁니다 [1] [2]. 이 접근법은 외부 스크립트로 인한 잠재적 혼란을 최소화하여보다 원활한 사용자 경험을 보장합니다.
스타일 시트 보존
RECT가 타사 수정과 관련이없는 수화 불일치로 인해 전체 문서를 다시 렌더링 해야하는 경우, 이제 해당 스크립트에 삽입 된 스타일 시트가 보존됩니다 [1] [2]. 이 향상은 불일치가 감지 되더라도 응용 프로그램의 시각적 무결성을 유지합니다.
호환성 향상
React 19는 문서의`
`및`오류 감소
이전 버전에서, 타사 스크립트에 의해 수정 된 수정은 React가 수정 된 클라이언트 측 HTML과 서버 렌더링 된 HTML을 조정하려고 시도함에 따라 수화 오류로 이어질 수 있습니다 [2]. REACT 19는 수화 중에 이러한 수정을 무시 하여이 문제를 해결하여 외부 변경의 영향을받지 않고 응용 프로그램이 원활하게 작동 할 수 있습니다.
REACT 19의 이러한 개선은 수화의 견고성을 향상시키고 타사 상호 작용과 관련된 수화 오류의 빈도와 영향을 줄임으로써 더 부드러운 개발 경험을 제공합니다.
인용 :[1] https://webdeveloper.beehiiv.com/p/react-19-beta-release-quick-guide
[2] https://www.ghazikhan.in/blog/exploring-whats-new-in-react-19
[3] https://www.metizsoft.com/blog/react-19-latest-features-and updates
[4] https://taglineinfotech.com/react-19-update-what-developers-need-to- know/
[5] https://www.kellton.com/kellton-tech-blog/react-19-latest-features-and updates
[6] https://www.geeksforgeeks.org/react-19-new-features-and-updates/
[7] https://www.epicweb.dev/tips/whats-coming-in-react-19-beta
[8] https://react.dev/blog/2024/04/25/react-19