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 함수입니다. 여기에는 렌더링 방법이 사용되지 않습니다. 기능적 구성 요소는 속성(props)을 인수로 받아들인 다음 React 요소를 반환하는 방식으로 작동합니다.
• 클래스 구성 요소는 앱에 기능을 추가하는 함수로 구성된 간단한 클래스를 나타냅니다. 여기에 이식하려면 render() 메서드가 필요합니다.

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

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

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

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