```shell
Username: user..yourdomain.com
Password: trial
Email: (this IS public) user@yourdomain.com
```
As username, use your email address, but make sure you replace @ with .. (double dot). Use trial as password.
Please note that after the trial period or as soon as you are ready to go on production, you will be required to acquire
a commercial license from the Bryntum Customer Zone. You will then be
required to re-login to the Bryntum private registry with your customer details.
```shell
Username: user..yourdomain.com
Password:
Email: (this IS public) user@yourdomain.com
```
As username, use your Bryntum Customer Zone email but make sure you replace @ with .. (double dot).
Use your Bryntum Customer Zone password.
For more information, visit our [Npm Repository Guide](#Scheduler/guides/npm-repository.md).
## Create Application
There are many possible ways of creating and building React applications, but let’s use
the [Create React App script](https://create-react-app.dev/), which has proven to be a simple but reliable way of
building React applications.
If you are using **javascript only**, just type:
```shell
$ npx create-react-app my-app --template @bryntum/cra-template-javascript-scheduler
```
or if you prefer using **typescript**:
```shell
$ npx create-react-app my-app --template @bryntum/cra-template-typescript-scheduler
```
```json
"dependencies": {
"@bryntum/scheduler": "npm:@bryntum/scheduler-trial@5.6.0",
"@bryntum/scheduler-react": "5.6.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-scripts": "5.0.1"
},
"devDependencies": {
"babel-preset-react-app": "npm:@bryntum/babel-preset-react-app@10.0.0",
"cross-env": "~7.0.3",
"sass": "~1.56.0"
}
```
```json
"dependencies": {
"@bryntum/scheduler": "5.6.0",
"@bryntum/scheduler-react": "5.6.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-scripts": "5.0.1"
},
"devDependencies": {
"babel-preset-react-app": "npm:@bryntum/babel-preset-react-app@10.0.0",
"cross-env": "~7.0.3",
"sass": "~1.56.0"
}
```
Note: The version of React above is not mandatory and is used here only for the purpose of the example.
From your terminal, you can then enter your application folder and build it:
```shell
$ cd my-app
```
```shell
$ npm install
```
## Run Application
Just type the following command:
```shell
$ npm start
```
Your application is now available under [http://localhost:3000](http://localhost:3000), and your browser should
automatically open it for you.
## Troubleshooting
Please refer to this [Troubleshooting guide](#Scheduler/guides/integration/react/troubleshooting.md).
## What to do next?
### Tutorial
Now it is time to customize your application. To get familiar with the most common tasks developers perform, we have
designed an [engaging tutorial](#Scheduler/guides/tutorial/tutorial-react.md) that we are excited to see you follow.
### Further on integration with React
Do you want to know more about how Bryntum Scheduler integrates with react and start to customize your application? We
provide you with a [complete React guide here](#Scheduler/guides/integration/react/guide.md).
### Learn about Data
Bryntum components often use multiple collections and entities.
The [Data guide](#Scheduler/guides/data/displayingdata.md) guide explains how they all fit together.
## Access to npm registry
The quickest way to use our products is to use npm (Node Package Manager). If you do not have npm installed on your
computer, please visit [nodejs.org](https://nodejs.org).
Bryntum packages are hosted in a private Bryntum registry. Run the following command to locate the registry:
```shell
$ npm config set "@bryntum:registry=https://npm.bryntum.com"
```
You will then need to login into the registry using authentication details. Please note that these details differ
depending on if you are running the **trial** or the **licensed** version. Please choose the appropriate option below:
Run the following command to login: