Blog

We’re excited to announce the release of ExtReact 6.6 with support for the latest React framework version 16.x. ExtReact now provides hundreds of pre-built UI components that you can easily integrate with your React 16 apps. ExtReact 6.6 adds new exciting components to our existing rich UI component library, new theming options, new tooling, and new examples to help you create visually stunning React applications for your desktop and mobile devices.

If you’re developing a data-driven web application with React 16, chances are you’ll use a grid or spreadsheet-like interface at some point to display data for your users. A grid can be one of the trickiest and most complex UI components to build in React because many of the necessary features require both significant React expertise, as well as the willingness and ability to dig down into the DOM. Fortunately, the ExtReact Grid provides all of these capabilities and more. In this article, we’re going to create an example using the Sencha ExtReact Grid that shows information about Stocks and equities companies. If you want to code a grid using an HTML table or another third-party component, you might have to do something like handle clicking on a column header to sort, or clicking on a divider between a column header to resize, or maybe sliding a pager and doing a fetch for the next page of data. With ExtReact Grid, these functionalities are built in. Read on to get started with building an application using ExtReact Grid!