Ignite UI for Blazor

React 구성 요소를 사용하여 웹 앱 디자인 및 구축

모듈식 React 구성요소의 가장 포괄적인 UI 라이브러리를 사용하여 현대적인 웹 앱 경험을 제작하세요. 엄청나게 빠른 가상화된 React 데이터 그리드, 완전한 Microsoft Excel 솔루션, 60개 이상의 React 차트 및 그래프가 포함되어 있습니다.

Ignite UI React Data Grid는 Ignite UI for React 사용하여 구축되었으며 판매 데이터의 시각화를 보여줍니다.
React 로고

빠르고 즉시 사용 가능한 React 데이터 그리드

React Data Grid를 사용하면 많은 양의 데이터를 로드하는 동시에 모든 최신 브라우저에서 모바일 우선 디자인, 다양성 및 최고의 성능을 제공할 수 있습니다. 사용자가 기대하는 사용자 정의 및 구성을 갖춘 모든 기능을 갖춘 React 구성 요소입니다. 데이터 바인딩, 정렬, 그룹화, 편집, Excel과 유사한 원활한 기능 등이 포함되어 있습니다. 직관적인 API, 유연한 테마, 브랜딩, 최소한의 코드로 모든 것을 시작할 수 있습니다!

모든 React 그리드 샘플 보기

세계 최고가 신뢰하는

인튜이트 로고
Charles Swab Corporation 로고
블루 욘더 로고
타일러 로고

Excel에서 Ignite UI의 강점은 정말 최고입니다... LOB 앱에 준비된 기능과 고품질 기술 지원이 개발에 도움이 되었습니다.

Hiroshi Kubo, B-EN-G 수석 소프트웨어 아키텍트
토요 비즈니스 엔지니어링

비엔지

고객에게 최첨단 기술 기능을 지속적으로 제공하기 위해 B-EN-G는 사물 인터넷(IOT)을 구성하는 새로운 범위의 장치에 연결하려는 고객의 요구를 충족시키기 시작했습니다. 더 읽어보기

Ignite UI for React– 반응형, 모바일 및 터치 지원

클릭 한 번으로 표현력이 뛰어난 대시보드를 구축하고 심층 분석을 적용하며 수백만 개의 데이터 포인트를 렌더링할 수 있습니다. 60개 이상의 실시간 React 차트 및 그래프, 더 쉬운 구성 및 유연한 API를 제공합니다. 고성능 React 차트 구성 요소를 사용하면 비즈니스 차트 및 주식 차트를 작성하여 모든 브라우저 및 장치에서 실행되는 풍부한 상호 작용 및 전체 터치 스크린 지원을 제공할 수 있습니다.

React 차트용 Ignite 대시보드

모든 경우에 대한 React 차트

React 차트는 단지 빠르기만 해서는 안 됩니다. 여기에는 사용자에게 필요하고 비교할 수 없는 앱 경험을 제공하는 기능이 포함되어야 합니다. Ignite UI for React 60개 이상의 차트 유형을 제공하며, 그 중에는 원하는 방식으로 데이터를 시각화하기 위해 막대형 차트, 꺾은선형 차트, 원형 차트, 금융 주식 차트에 대해 가장 많이 요청되는 유형이 있습니다. 상호 작용, 사용자 정의 가능한 레이어, 가격 오버레이, 추세선, 거래량 표시기, 값 오버레이 등에 대한 통합 지원을 제공합니다.

React 차트 샘플

점화 UI 우주인

다음 프로젝트를 시작하기 위한 React UI 구성요소

모든 샘플 보기

샘플 어플리케이션

샘플 애플리케이션과 React 예제를 사용하여 다음 멋진 프로젝트를 시작해 보세요. 디자이너-개발자 블록을 경험할 필요가 없습니다. 엔드투엔드 데모 애플리케이션의 목표는 실제 문제를 해결하기 위한 모범 사례와 유용한 접근 방식을 학습하여 개발 프로세스를 단순화하도록 돕는 것입니다.

모든 참조 응용 프로그램 보기

React 라이브 데이터 그리드

React Live-Data Grid 앱은 수천 개의 재무 기록을 바인딩하고 카테고리, 유형, 연락처별로 그룹화하고 몇 밀리초마다 실시간 업데이트하는 React Data Grid를 보여줍니다.

앱 다운로드

React 주식 차트 앱

React 주식 차트는 FDC3 데이터 어댑터와 함께 금융 차트 구성 요소를 사용하여 OpenFin FDC3 서비스를 통해 전송된 ViewChart 인텐트 메시지를 처리하는 방법을 보여줍니다.

앱 다운로드

자원

이러한 유용한 리소스를 활용하여 더 나은 React 앱을 더 빠르게 구축하는 방법을 알아보세요.

  • Ignite UI for React 시작하기 Ignite UI for React 사용하여 다음 프로젝트를 더 빠르게 시작하거나 기존 애플리케이션을 업데이트하세요. 다음의 간단한 단계를 따르십시오. 더 알아보기
  • React 용 Ignite UI CLI CLI 도구는 기록적인 시간 내에 다음 애플리케이션을 시작하는 데 도움이 되는 Ignite UI for React 도구 세트용으로 사전 구성된 프로젝트 템플릿을 제공합니다. 더 알아보기
  • UI 툴킷 표준화 표준 UI 툴킷을 활용하면 프로젝트 개발 및 테스트 시간을 33%까지 줄일 수 있습니다. 이 백서를 읽고 조직이 시장 출시 시간과 개발 비용을 줄이는 방법을 알아보십시오. 더 알아보기
  • Ignite UI
  • React 용 Ignite UI
  • Ignite UI 툴킷 표준화

도움말 및 샘플

미션 크리티컬 앱을 만드는 동안 React 구성 요소 예제를 보거나 라이브 놀이터에서 실습을 시도해야 합니까? React Shape Charts용 Ignite UI 구성 요소를 사용하여 다양한 모양으로 청사진, 플롯 다이어그램, 영역 강조 표시 등을 개발하는 방법을 알고 싶으십니까? 다음 React 프로젝트를 시작하는 데 필요한 모든 것이 여기에 있습니다!

나에게 맞는 플랜을 선택하세요!

모든 프로젝트 규모에 맞는 포괄적인 솔루션을 제공하는 요구 사항에 맞게 제작된 가격 책정 번들을 살펴보세요. 모든 컨트롤에 '기본'으로 제공되는 사용자 경험과 지속적인 릴리스 일정에 대한 약속을 통해 모든 주요 프레임워크에서 가장 빠른 업데이트를 보장하여 애플리케이션이 최첨단을 유지할 수 있도록 합니다.

좋은 가치

  • 모든 주요 웹 프레임워크를 위한 수백 개의 UI 컨트롤 및 구성 요소
  • 최신 웹 앱을 구축하는 가장 빠른 방법
$0 per developer, royalty-free subscription

다년 할인

다년 할인이 없습니다.
훌륭한 가치

  • Ignite UI의 모든 것
  • 웹, 모바일 및 데스크톱 개발자를 위한 포괄적인 UI 구성 요소 라이브러리
$0 per developer, royalty-free subscription

다년 할인

다년 할인이 없습니다.
점화 로켓

대화에 참여

자주 묻는 질문

Ignite UI for React에 대한 질문과 답변

What is Ignite UI for React?

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

What is Ignite UI CLI for React?

Ignite UI CLI는 다양한 프레임워크용 애플리케이션을 구축하고 스캐폴드하는 데 도움이 되는 독립 실행형 명령줄 도구를 나타냅니다. CLI 도구는 Ignite UI for React 도구 세트용으로 사전 구성된 프로젝트용 다양한 템플릿을 제공합니다. 또한 CLI에 자신만의 템플릿을 추가하여 프로젝트에 구성 요소를 빠르게 추가할 수도 있습니다.

What are React components?

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

How to organize React components?

React 구성 요소가 어디로 가야 하는지, 어떻게 구성되어야 하는지에 대한 구체적인 요구 사항과 방법이 없습니다. 이는 프로젝트에 참여하는 개발자에게 달려 있습니다. 다음은 몇 가지 접근 방식입니다.
  • 유형별 구성 요소 정리 - 유사한 요소는 같은 위치에 체계화됩니다. React 구성 요소는 구성 요소 폴더에 있습니다. 스타일(스타일 폴더) 등등.
  • 유사성을 기준으로 구성 요소 구성 - 이러한 유형의 React 구성 요소 구성은 구성 요소에 필요한 모든 것이 구성 요소에 최대한 가깝게 유지되도록 보장합니다.
  • 기능 영역별로 구성 요소 구성 – "고객"과 같이 앱 기능별로 구성 요소를 배치하면 고객 화면/기능에 대한 모든 관련 고객 구성 요소가 있게 됩니다.

How to test React components?

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

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

What is the difference between React functional components and class components?

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

What makes Ignite UI for React different from other UI toolkits?

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

How does the pricing and licensing for Ignite UI for React work?

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

How do I get started with Ignite UI for React?

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

Where can I find React component samples and sample applications?

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