Wijmo FlexGrid — Bootstrapped with create-react-app
This is a quick and very simple demo of a data grid-containing React app. As you can see, the app contains just a few lines of code thanks to create-react-app and the Wijmo FlexGrid.
You can view an online demo at Glitch or you can keep reading to get the demo up and running on your own machine!
First, clone this repo to your machine:
git clone https://github.com/cgatno/flexgrid-react.git
Next, install dependencies. I used Yarn for this project, but you can use NPM without any issues! Either way, you'll definitely need Node.
cd flexgrid-react
yarn
# OR, if you don't have Yarn
npm install
You're all set! Now just run the project using
yarn start
or
npm start
Fortunately, Wijmo provides complete interoperability with React out of the box. This means you can hook into the React component lifecycle for all Wijmo controls and implement easy state-based data binding.
Since create-react-app takes care of all the React set up for you, and Wijmo is now available on NPM, it just takes a few minutes to set up an app like this one.
To learn more about the technical and implementation details of Wijmo's React component wrapper, take a look at this sample's companion blog post.