React UI Components Documentation

Typescript React UI Components for jQWidgets

React is a declarative, efficient, and flexible library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called components.


Node.js - to verify that you have it installed, run the command node -v in cmd. It will output the current version.

Note: Make sure that you are running on the latest Node.js and npm versions.

Setup using create-jqwidgets-react-app

To use a template project with jQWidgets and Create React App, please refer to: create-jqwidgets-react-app
This is the simplest way to get jQWidgets working with React.

Setup using Create React App

To use the React Components with Create React App, please refer to: Create React App

Setup using Webpack

To use the React Components with Webpack, please refer to: React & Webpack

Component Creation

There are two ways of creating a component:

I. Static Loading

This is the default and simplest way of creating a React component.

II. Lazy Loading

This is used when we want to create the component after the Initial Render has passed by.

Events Methods & Properties

I. Static Loading

II. Lazy Loading