React + TypeScript basic demo

This example uses Bryntum Scheduler wrapped in the provided BryntumScheduler wrapper. This demo contains a React component that wraps Bryntum Grid using TypeScript and a small demo to showcase it.

This project was bootstrapped with Create React App.

Bryntum Repository access setup

IMPORTANT NOTE! These access instructions are mandatory when using the private Bryntum NPM repository.

This example uses npm packages from the Bryntum private NPM repository. You must be logged-in to this repository as a licensed or trial user to access the packages. Please check Online npm repository guide for detailed information on the sign-up/login process. Also you can check bundled guide inside distribution zip in docs/guides/npm-repository.md.

React integration guide

Please check this
Bryntum React integration online guide for detailed integration information and help. Also you can check bundled guide inside distribution zip in docs/guides/integration/react/guide.md.

Installation

Use the following command to install the example packages after the successful login.

Using npm:

$ npm install

Using yarn:

$ yarn install

Running a development server

To build example and start development server run this command:

Using npm:

$ npm run start

Using yarn:

$ yarn run start

Navigate to http://localhost:3000/ or http://127.0.0.1:3000/ in your browser. We recommend to use latest versions of modern browsers like Chrome, FireFox, Safari or Edge (Chromium). The app will automatically reload if you change any of the source files.

Creating a production build

To build production code for the example run this command:

Using npm:

$ npm run build

Using yarn:

$ yarn run build

The build artifacts will be stored in the build/ directory.

Distribution zip references

• Bryntum API docs. Open docs/index.html in your browser.
• Bryntum Repository guide docs/guides/npm-repository.md.
• Bryntum React integration guide docs/guides/integration/react/guide.md.

Online References

• React Framework
• Bryntum React integration guide
• Bryntum Scheduler documentation
• Bryntum Scheduler examples
• Bryntum npm repository guide
• Bryntum support Forum
• Contacts us