React 18의 새로운 기능은?

반응형

현재 리액트 18의 알파 버전이 사용 가능하지만, 몇 달 안에 안정적인 베타 버전이 출시될 예정입니다. 개발자와 디자이너를 위해, 여러분이 알아야 할 몇 가지 사항이 있습니다. Respect를 처음 접하는 사람들에게 서버 사이드 렌더링은 가장 큰 개선 사항 중 하나입니다. 이것은 응용프로그램이 로드되는 동안 나머지 응용프로그램을 차단하지 않고 서버에서 React 구성요소를 렌더링할 수 있게 합니다. 따라서 서버 측 렌더링이 빨라지고 조정 코드가 필요하지 않습니다.

리액트 팀은 새로운 버전을 이전 버전보다 더 좋게 만들기 위해 노력하고 있습니다. 지역사회가 그 프로젝트에 참여하고 있고, 그것은 정말 효과가 있습니다. 몇 년 전 자바스크립트 프레임워크에서는 불가능했던 새로운 기능들로 리액트의 미래는 밝아 보인다. 하지만 지금으로서는, 우리는 정확히 무엇이 우리에게 다가올지 발견하기 위해 그때까지 기다려야 할 것이다. 그때까지, 시사회를 즐기세요!

Response 18은 웹 개발을 더 쉽게 만드는 새로운 기능을 도입합니다. 절차적 패러다임보다는 기능적 패러다임을 사용합니다. 이것은 함께 일하는 것이 더 쉽다는 것을 의미합니다. 이 패러다임은 개발자들을 위해 몇 가지를 변화시키지만, 그것은 또한 기능과 성능을 높여야 합니다. 이 새 릴리스는 증분 버전이지만 다음 프로젝트에 가장 적합한지 확인하려면 공개 베타 버전을 기다리는 것이 좋습니다.

서버측 렌더링 메커니즘은 React의 주요 업그레이드입니다. 이를 통해 개발자는 응용 프로그램에서 동시 렌더링을 사용할 수 있습니다. 이것은 많은 양의 계산으로부터 프런트엔드를 절약할 수 있기 때문에 성능에 중요하다. 또한 초기 페이지 로드 시간을 단축합니다. 이 새로운 기능은 앞으로 몇 달 안에 공개 베타에서 이용할 수 있을 것이다. 개발업자라면 18번 리액션을 확인해보세요.

 

리액트의 주요 개선 사항은 새로운 startTransition 기능입니다. StartTransition을 사용하면 개발자가 구성요소를 신속하게 렌더링할 수 있습니다. 해당 startTransition은 긴급하지 않은 것으로 표시되며 다른 업데이트에 의해 중단될 수 있습니다. 즉, 사용자가 startTransition을 렌더링하는 동안 startTransition을 중단할 수 있으며, React는 최신 업데이트를 렌더링합니다. 이 방법의 문제는 화면을 잠그고 부품 입력을 불가능하게 할 수 있다는 것입니다.

리액트 팀은 개발자들을 위해 알파 버전의 리액트 18을 출시했다. 출시된 지 오래되었습니다. 지역사회는 출소에 대한 준비를 마쳤으며 지역사회로부터 피드백을 들으면 기뻐할 것이다. 가장 중요한 변화는 동시 모드와 렌더링입니다. 이렇게 하면 서버에서 앱을 더 빠르게 실행할 수 있으며 성능도 향상됩니다. 그러나 상태 업데이트의 자동 재배포는 없다는 점에 유의해야 합니다.

동시성은 리액트 18의 주요 특징이다. 리액트 팀은 개발자들이 코드를 테스트할 수 있도록 리액트 18의 알파 버전을 출시했다. 이 버전은 아직 베타 버전이지만, 많은 가능성을 가지고 있습니다. 리액트에는 많은 새로운 기능이 있지만 동시 모드는 중요한 기능입니다. 여러 작업을 동시에 실행할 수 있는 기능은 리액트의 주요 새로운 개선 사항 중 하나이다. 돌연변이기를 사용하는 것도 중요하다.

 

React는 이제 DOM의 이벤트를 지원합니다. 이전 버전과 달리 DOM 컨테이너에 이벤트를 위임할 수 있습니다. 이는 상호 운용성을 개선할 큰 변화입니다. 사용자 정의 빌드 라이브러리를 생성할 수 있는 새로운 기능이 React에 도입되었습니다. 개발자가 앱을 쉽게 작성할 수 있는 기능이다. 이것은 리액트 연장을 원하는 개발자들에게 아주 좋은 추가 사항입니다.

새로운 버전은 API가 몇 가지 개선되었다. 첫 번째는 서버측 이벤트 처리의 변화입니다. 이벤트가 호출되기 전에 먼저 구성 요소가 수분을 공급해야 실행할 수 있습니다. 새 버전에서는 서버와 클라이언트 모두에서 이벤트를 처리할 수 있습니다. 여기에 이벤트 API가 새로 추가돼 성능이 향상됐다. 이 외에도 새로운 릴리스는 기존 리액트 플러그인과도 호환됩니다.