Menu
Build Modern Web Apps Faster with Pre-built UI Components
ExtReact provides all the components a developer needs to build data-intensive web apps using React. You get components that interact seamlessly, and are professionally built, tested and maintained.
Why ExtReact
Everything you need to Create Stunning Web Applications
ExtReact can help development teams and organizations get their applications to market faster by reducing development time using our 140+ pre-built and professionally maintained UI components. ExtReact supports React 15 and React 16.
Themer
Themer enables developers to uniquely theme components and give their React application a distinct look.
ExtReact Generator
ExtReact Generator helps kickstart new ExtReact projects, offering best practices and tools to make developers more productive.
Private npm Registry
The Sencha private npm registry offers immediate access to ExtReact packages and early pre-releases.
Fiddle
iddle is a free tool that allows you to try ExtReact code in your browser without downloading or installing anything. You can easily share your ExtReact code by saving and sharing fiddle URLs.
ExtReact Webpack Plugin
ExtReact Webpack Plugin works with Cmd and ExtReact Babel plugin to make it easy for developers to bundle and optimize the ExtReact components used in their applications.
ExtReact TypeScript Definitions
ExtReact TypeScript definitions provide code completion functionality in several code editors including Visual Studio Code.
Test
Test includes support for end-to-end testing of ExtReact and React apps.
Develop Web Applications Faster
React is a popular JavaScript framework that offers a component-based approach to building web apps. React, however, does not include any pre-built components. React developers are faced with the choice of either building these components from scratch or getting them from the community. You can develop web applications faster by using ExtReact with React. ExtReact includes 140+ pre-built and pre-tested UI components.
Grid — Handle millions of records and provides built-in functionality such as sorting and grouping.
Pivot Grid — Add powerful analytics functionality to React applications.
Exporter — Export data from the standard grid or Pivot Grid to a wide variety of common formats.
Layouts — Ensures the proper sizing and positioning of all components with the powerful and flexible layout system.
Charts — Visually represent data with a broad range of dynamic and static charts including line, bar, and pie charts.
D3 Adapter — Add sophisticated Data-Driven Documents package (D3) visualizations such as heatmaps, treemaps, sunbursts and more to your web applications.
Design Visually Compelling Web Applications
Stencils and Themer Design visually compelling web applications using ExtReact with your existing React apps.
Developers can use the built-in Material design inspired theme, eliminating the need to construct custom styles and making it easy to create a fresh, modern user experience with minimal effort. Themes can also be easily modified or extended within Themer, enabling both developers and designers to create compelling themes without writing a single line of code. Fonts, colors, and padding can all be modified with ease to make components fit the motif of the application. Developers can also create mockups for beautiful UI’s in their applications with Stencils, a complete UI asset kit.
End-to-End Testing
Sencha Test helps you improve application quality, accelerate time to market, and reduce testing time and costs.
Sencha Test includes support for end-to-end testing of ExtReact and React applications.
Adapt to Browsers, Devices and Screen Sizes
Adaptive and responsive design enables teams to build immersive user engagement by using layouts and adaptive design features. A flexible layout manager helps to organize the display of data and content across multiple browsers, devices, and screen sizes. It helps developers to control the display of components, even for the most complex user interfaces.
Robust Data Package
The robust data package included in ExtReact decouples the UI components from the data layer. The data package:
Allows client-side collections of data using highly functional models that offer features such as sorting and filtering.
Is protocol agnostic, and can consume data from any back-end source.
Comes with session management capabilities that allow several client-side operations, minimizing round-trips to the server