GrapeCity Blog - How to use React Hooks in Wijmo applications

Extract stateful logic from components in your datagrid and chart web applications.
June 14, 2022
News Alert

Wijmo is a complete collection of extensible, fast JavaScript UI components written in TypeScript. The framework-agnostic Wijmo components include first-class support for top frameworks including React. In version 16.8, React Hooks were introduced to the framework, which allows developers to extract stateful logic from components so that they can be reused, and it does not require you to change your component hierarchy. They allow you to "hook" into a React state from function components.

In this blog post, GrapeCity's Joel Parks shows how you can use React Hooks to build an application that incorporates Wijmo's React DataGrid, FlexGrid, as well as its chart control, FlexChart. These steps include:

  • Creating the React application
  • Importing Wijmo's CSS
  • Adding a Data Source
  • Implementing Wijmo DataGrid and Chart
  • Creating custom events to connect controls

Read this informative GrapeCity blog now and get ready to take your React applications to the next level.

Use React Hooks in Wijmo

Wijmo

High-performance JavaScript UI components for Enterprise apps.

Wijmo is also available in:

Got a Question?

Live Chat with our MESCIUS (formerly GrapeCity) licensing specialists now.