Ignite UI for React 19의 새로운 기능: React 래퍼, 네이티브 개발 환경 등

올해 초, 우리는 오랫동안 기다려온 Ignite UI for React 19 구성 요소 제품군을 출시했습니다. 우리는 몇 년 동안 제품을 사용해 왔고 이전 릴리스에서 총 9개의 기능 업데이트를 받았지만 항상 더 잘할 수 있다고 느꼈습니다. 이 블로그 게시물에서는 우리가 개선한 점과 이러한 변경을 한 이유에 초점을 맞출 것입니다. 지난 몇 달 동안 React 개발을 통해 개선하고 제공한 내용을 안내해 드리겠습니다.

새로운 기능 성능 및 메모리 공간

이전 버전에서 중요한 변경 사항 중 하나는 기능 구성 요소로의 이동입니다. 즉, useRef에서 가져온 참조는 이제 클래스 인스턴스 대신 예상되는 기본 요소가 됩니다. 그러나 React에서 클래스 구성 요소를 사용 중지할 때 흔히 볼 수 있는 성능 향상의 이점을 누릴 수도 있습니다.

Ignite UI for React 에는 성능이 정말 중요한 다양한 React 그리드 및 차트를 포함하여 몇 가지 복잡한 데이터 시각화 구성 요소가 함께 제공됩니다. 우리의 새 버전은 이러한 유형의 가장 빠른 UI 구성 요소를 시장에 제공하는 데 중점을 둡니다. React 그리드 구성 요소를 예로 들면 가상화를 위한 스마트 기술을 활용할 때 거의 즉각적인 렌더링과 부드러운 스크롤이 가능합니다. 공연의 경우 말하는 것보다 보여주는 것이 낫습니다. 이 모든 것을 실제로 경험하려면 React 그리드 가상화 및 성능을 설명하는 설명서 페이지와 관련 샘플을 방문하십시오. 

향상된 React 래퍼 + 상태 관리

렌더링하는 동안 데이터 작업과 스크롤 성능은 이전 버전에서 유지해야 하는 두 가지였습니다. 반면 메모리 공간은 우리가 개선하고 싶었던 부분이었습니다. 업데이트되고 더 가벼운 래퍼 구성 요소와 간소화된 상태 관리를 통해 Ignite UI for React 19는 특히 IgrGrid 구성 요소를 사용할 때 최대 3배 적은 메모리를 사용할 수 있습니다.

유지 보수성 및 지원

우리가 고객에게 제공하는 주요 이점 중 하나는 더 큰 유연성을 제공하는 정기적인 패치 및 기능 릴리스를 통한 지속적인 개선입니다. 우리는 Ignite UI for Angular와 같은 다른 제품에 대해 취하는 접근 방식을 밀접하게 따르면서 패치 및 새로운 기능에 대한 릴리스 주기로 점진적으로 전환할 계획입니다. 여기에는 매주 버그 수정 릴리스와 연간 약 6회 기능 릴리스가 포함됩니다.

흥미로운 기능 및 컨트롤

새 버전에서 계속 제공할 주요 이점은 다양한 구성 요소와 내장 기능 Ignite UI for React 있습니다. 더 간단한 입력 구성 요소, 버튼, 레이아웃 및 데이터 시각화 구성 요소부터 더 복잡한 그리드 및 차트에 이르기까지 다양합니다. 여기에 IgrGrid는 플랫, 계층, 트리 및 피벗의 네 가지 종류와 함께 제공되며 예상되는 정렬, 필터링, 열 그룹화 및 편집에서 다중 행 레이아웃, 행 재정렬 및 상태 지속성과 같은 틈새 시장이지만 여전히 중요한 기능에 이르기까지 수십 가지 기능을 제공합니다. 가장 좋은 점은 이 모든 것이 전체 템플릿 및 Excel 내보내기 지원과 함께 제공된다는 것입니다.

React 플레이버 이벤트를 통한 네이티브 개발 경험

Ignite UI for React 19에서는 구성 요소의 이벤트를 노출하는 새로운 방법도 도입하고 있습니다. 새 버전에서는 이제 모든 Ignite UI for React 구성 요소에 대해 네이티브 모양의 'on' 접두사가 붙은 이벤트를 사용할 수 있습니다.

엄격한 타이핑

Ignite UI for React 19는 유형과 속성에 대해 더 엄격하며 더 이상 문자열을 허용하지 않으므로 유지 관리성을 위해 더 엄격한 유형화의 이점을 제공합니다.

핵심 요구 사항은 과거의 일입니다.

이전 버전의 구성 요소 제품군에서는 일부 구성 요소에 내부 구현 세부 React 정보로 인해 키 속성이 필요했습니다. Ignite UI for React 19에서는 이 문제가 해결되었습니다. 이제 구성 요소는 공식 React 문서에 따라 명시적으로 필요한 경우에만 키가 필요합니다. 

React이 중요한 이유는 무엇입니까?

React는 초기 출시 이후 선언적 접근 방식, 구성 요소 기반 아키텍처 및 강력한 커뮤니티 지원으로 인해 현대 웹 개발의 초석으로 남아 있습니다. 개발자가 재사용 가능한 구성 요소를 사용하여 대화형 사용자 인터페이스를 구축할 수 있도록 함으로써 React 복잡한 애플리케이션의 유지 관리성과 확장성을 향상시킵니다. 가상 DOM과 효율적인 렌더링은 빠르고 반응성이 뛰어난 사용자 경험을 제공하며, 광범위한 채택은 라이브러리, 도구 및 리소스의 풍부한 생태계를 보장합니다.

이 생태계에서 경쟁력을 유지하기 위해 우리는 시장에서 30년 이상의 경험을 가진 부품 공급업체로서 Infragistics가 잘 알려진 기능, 즉 사용하기 쉬운 고성능 부품으로 구성된 완벽한 기능 라이브러리를 제공해야 했습니다. 우리는 React 뿐만 아니라 모든 최신 프레임워크에 대해 이를 수행하는 유일한 방법은 공통 코드베이스에서 제품을 파생하는 것이라고 오랫동안 결정해 왔습니다. 이 접근 방식은 각 새로운 기능에 대해 가능한 한 최단 처리 시간을 보장하고 유지 관리성을 향상시킬 뿐만 아니라 고객이 프로젝트 간에 플랫폼을 전환하면서도 제품의 모든 이점을 누릴 수 있도록 합니다.

그러나 이 접근 방식은 결과 제품이 여전히 React에 고유한 느낌을 주는지 확인하는 중요한 과제도 제시합니다. 완전한 기본 솔루션과 동등한 성능을 발휘하고, 모범 사례 React 따르고, 지원하는 다른 플랫폼의 불필요한 부풀림을 방지해야 합니다. 이것이 우리가 개선에 중점을 둔 주요 영역이었으며 Ignite UI for React 19를 통해 의미 있는 진전을 이루었다고 자랑스럽게 생각합니다.

하지만 더 많은 것이 있습니다

Ignite UI for React 19를 통해 우리는 고객이 Infragistics에서 기대하는 성능, 유연성 및 폭을 희생하지 않으면서 React 개발자에게 보다 기본적이고 성능이 뛰어나며 메모리 효율적인 경험을 제공하기 위한 중요한 발걸음을 내디뎠습니다. 복잡한 엔터프라이즈 대시보드를 구축하든, 세련되고 데이터가 풍부한 웹 앱을 구축하든, 이 릴리스는 더 적은 노력으로 더 많은 작업을 수행할 수 있도록 설계되었습니다. 가장 좋은 점은 조직이 아직 React 19를 채택할 준비가 되지 않은 경우 기다릴 필요가 없다는 것입니다. Ignite UI for React 19는 React 18과 호환됩니다.