어떤 그리드로든 커스터마이즈가 가능한 React 앱을 만들어 보세요

Ignite UI for React 60개 이상의 데이터 차트와 그래프, 데이터 그리드와 테이블, 사용자 인터페이스(UI) 구성 요소를 포함하여 데이터가 풍부하고 반응형 웹 앱을 구축하기 위한 React 구성 요소의 완전한 라이브러리입니다.

Ignite UI CLI는 다양한 프레임워크에 대한 애플리케이션을 빌드하고 스캐폴딩하는 데 도움이 되는 독립 실행형 명령줄 도구를 나타냅니다. CLI 도구는 Ignite UI for React에 대해 미리 구성된 다양한 템플릿을 프로젝트에 제공합니다. 프로젝트에 구성 요소를 추가하는 속도를 높이기 위해 CLI에 고유한 템플릿을 추가할 수도 있습니다.

React 구성 요소는 HTML, JavaScript 및 CSS로 표현된 사용자 인터페이스의 일부를 포함하는 템플릿을 반환하는 재사용 가능한 함수를 포함하는 클래스입니다. React 구성 요소의 예로는 데이터 차트 또는 데이터 그리드와 같은 복잡한 UI 컨트롤이나 HTML 요소가 있는 DIV와 같은 간단한 요소가 있습니다.

React 구성 요소를 어디에 배치해야 하는지 또는 어떻게 구성해야 하는지에 대한 구체적인 요구 사항과 방법이 없습니다. 이는 프로젝트를 진행하는 개발자에게 달려 있습니다. 다음은 몇 가지 접근 방식입니다.

• 유형별로 구성 요소 구성 - 유사한 요소는 같은 장소에 체계화됩니다. React 구성 요소는 구성 요소 폴더에 있습니다. 스타일은 스타일 폴더에 있습니다. 등등.
• 구성 요소를 유사성에 따라 구성 요소 구성 - 이러한 유형의 React 구성 요소는 구성 요소에 필요한 모든 것이 구성 요소에 가능한 한 가깝게 유지되도록 보장합니다.
• 기능 영역별로 구성 요소 구성 – "고객"과 같이 앱 기능별로 구성 요소를 배치하면 고객 화면/기능에 대한 모든 관련 고객 구성 요소가 있게 됩니다.

React 구성요소를 테스트하는 방법은 두 가지 일반적인 범주로 나뉩니다.

• 렌더링 구성 요소 트리 -React 구성 요소의 계층적 트리는 사용자 인터페이스를 설명하고 사용자가 브라우저에서 보고 상호 작용하는 애플리케이션의 모든 측면을 캡슐화합니다.
• 완전한 앱 실행 – 이는 실제 브라우저 환경에서 발생합니다. 이 프로세스를 "엔드-투-엔드" 테스트라고 합니다.

• React의 함수형 컴포넌트는 단순히 JavaScript 함수입니다. 여기에는 render 메서드가 사용되지 않습니다. 함수형 컴포넌트는 속성(props)을 인수로 받은 다음 React 요소를 반환하여 작동합니다.
• 클래스 구성 요소는 앱에 기능을 추가하는 함수로 구성된 간단한 클래스를 나타냅니다. 여기에 이식하려면 render() 메서드가 필요합니다.

Ignite UI for React 사용 가능한 엔터프라이즈급 React UI 구성 요소의 가장 완벽한 라이브러리입니다. 전문적으로 설계 및 개발된 Ignite UI for React 현대적이고 진보적인 웹 앱을 빌드하는 데 필요한 모든 것을 제공합니다. 모두 Infragistics 30년 이상의 업계 리더십과 수상 경력에 빛나는 라이브 지원으로 뒷받침됩니다.

React 구성 요소는 Ignite UI 번들의 일부로 포함되어 있습니다. 단일 개발자 라이선스는 1년 표준 지원 및 업데이트를 포함한 1년 구독에 대해 미화 1,355달러부터 시작합니다. 또한 다년 라이선스에 대한 할인도 제공합니다. 가격 책정에 대한 자세한 내용은 가격 책정 페이지를 참조하세요.

시작하기 가장 좋은 곳은 시작하기 문서입니다.

Infragistics의 팀은 여기에서 액세스할 수 있는 React 코드 샘플의 포괄적인 라이브러리를 유지 관리합니다. 또한 여기에서 액세스할 수 있는 샘플 애플리케이션 라이브러리도 유지 관리합니다.