React 16 JavaScript UI 라이브러리의 새로운 기능

https://www.itworld.com/article/3228113/javascript/whats-new-in-react-16-javascript-ui-library.html

 

React 16 JavaScript UI 라이브러리의 새로운 기능

 

 

"React Fiber"업그레이드는 개발자를위한 몇 가지 개선 사항을 제공하지만, 새로운 새로운 기능, 즉 비동기 렌더링은 초기 릴리스에 포함되어 있지 않습니다.

React 16, UI 구축을위한 인기있는 JavaScript 라이브러리 의 최신 버전 인 이번 주에 버전 16.2가 업데이트되었습니다. 컴포넌트 렌더링 메소드에서 여러 자식을 표시하기위한 지원을 개선하기위한 조각 기능이 있습니다. 빈 JSX 태그와 유사한 조각 (fragment)은 개발자가 DOM에 노드를 추가하지 않고 자식 목록을 그룹화 할 수있게합니다. NPM 레지스트리에서 버전 16.2를 설치할 수 있습니다. Yarn 패키지 관리자로 설치하려면 다음 명령을 실행하십시오

 

yarn add react@^16.2.0 react-dom@^16.2.0. NPM

 

과 함께 설치하려면 실행하십시오

 

npm install --save react@^16.2.0 react-dom@^16.2.0.

 

개발 중에 "React Fiber"라고 불리는 React 16은 React 코어를 다시 작성하여 새로운 조정 알고리즘을 통해 복잡한 응용 프로그램의 응답 성을 향상시킵니다.

 

React 16의 초기 버전은 2017 년 9 월 26 일에 데뷔했습니다.

 

React 16의 주요 특징은 다음과 같습니다.

 

 - 디버그하기 쉽게 구성 요소 스택 추적을 특징으로하는 오류.

 - 구성 요소 렌더링 메서드에서 직접 문자열 / 배열 반환.

 - 새롭고 빠른 스트리밍 서버 측 렌더러입니다.

 - 더 원시적 인 응용 프로그램 성능 .

 - 논란 BSD의 + 특허에서 변화는 라이센스를 더-입에 MIT의 라이센스.

 

React 16의 최신 버전은 비동기 렌더링으로 약속되어 주요 실행 스레드를 차단하지 않고 큰 구성 요소를 처리 할 수 ​​있습니다. 오늘 공개 된 React 16의 첫 번째 버전은 기존 앱과의 호환성에 중점을 둡니다. 따라서 비동기 기능은 포함되지 않습니다.

 

React의 내부 구조가 React 16에서 완전히 재 작성되었지만, 공개 API는 "본질적으로 변함이 없다"고 페이스 북의 React의 엔지니어링 매니저 인 Sophie Alpert는 말했다. 개발자가 React로 작성된 기존 구성 요소를 다시 작성하지 않아도되도록했습니다.

 

React 16의 새 코드는 GitHub 레포의 오래된 코드와 함께 페이스 북에서 익숙한 방식으로 작성되었습니다. 이 둘 사이의 전환은 부울 useFiber기능 플래그 로 수행되었습니다 . 이 프로세스를 통해 Facebook은 기존 사용자에게 영향을주지 않고 새로운 구현을 시작하고 이전 코드 기반에 대한 버그 수정을 계속합니다.

 

몇 달 동안 버그를 다림질 한 후, Facebook은 React의 두 가지 버전을 최신으로 유지하기보다는 가능한 버그 세트를 줄이기 위해 단일 제품을 제공하기로 결정했습니다.

 

이 이야기는 "React 16 JavaScript UI 라이브러리의 새로운 기능"은 원래 InfoWorld에서 출간되었습니다 .