100+ Fast and Flexible React UI Components

1. Go to the React app folder and install the Wijmo library.

npm install @mescius/wijmo.react.all

2. Also install the useEvent library.

npm install react-use-event-hook

3. Add css file to apply Wijmo style.

Go to the src/App.js file of the React app you're working on and add the Wijmo css file (see the index.js file in the sample below).

// App.js

import '@mescius/wijmo.styles/wijmo.css';

4. Set the Korean cultural sphere in Wijmo.

// App.js

import '@mescius/wijmo.cultures/wijmo.culture.ko' ;

5. Add the Wijmo modules you want to use.

Add the Wijmo module as follows:

Please check the index.js file in the sample below for detailed code for each control.

// App.js

import * as { namespace } from '@mescius/wijmo.react.{control name}' ;

6. Initialize the Wijmo control and add it to the display.

After initializing the Wijmo control and generating sample data, we write code to display the Wijmo control on the screen.

Please check the detailed code for each control in the index.js file in the sample below.

5. Run the React app and check the results.

npm start