> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Using React on your hosting account
> React (also known as React.js or ReactJS) is a popular JavaScript library used for web development. Hosting.com servers support React-enabled sites.
This article discusses [React](https://reactjs.org), a popular JavaScript library used for web development.
## About React
React (also known as React.js or ReactJS) is a client-side JavaScript library for building user interfaces. One of its guiding principles is gradual adoption, and being able to "use as little or as much as you need."
## Using React
To use React in a web page, all you have to do is include two JavaScript files. There are a few ways to do this:
* You can upload the React library files to a location on your hosting.com account, and then reference them directly in your web pages. For example, the following HTML snippet demonstrates one possible way to do this:
```html theme={null}
```
> 📘 Note
>
> * You must upload the React library files to a directory that is publicly accessible (such as the *public\_html* directory or one of its subdirectories).
> * For the official React code repository, please visit [https://github.com/facebook/react](https://github.com/facebook/react).
* Alternatively, you can configure your web pages to reference React library files hosted by a third party. For example, the following HTML snippet demonstrates how to include the React library files from the [unpkg](https://www.unpkg.com/) package repository:
```html theme={null}
```
After you include the React library files in a web page, you have access to all of React's features.
## A simple React example
The following example creates a very simple React element and displays it on an HTML page.
First, create a file named *react.html*, and then copy and paste the following code into the file:
```html theme={null}
React test
Here is our React element:
```
Next, create a file named *ui.js*, and then copy and paste the following code into the file:
```javascript theme={null}
'use strict';
const e = React.createElement('h1', {}, 'Hello world');
const domContainer = document.querySelector('#react_ui');
ReactDOM.render(e, domContainer);
```
Finally, upload the *react.html* and *ui.js* files to the *public\_html* directory of your account, and then load the *react.html* file in your web browser. You should see **Hello world** from the React element.
## Troubleshooting React-enabled pages
Because React is JavaScript-based and runs on the client, you can use a web browser to troubleshoot and diagnose problems. Many web browsers include a console that provides detailed information about the JavaScript run-time environment. This information is extremely helpful for debugging applications:
* **Mozilla Firefox:** On the **Tools** menu, click **Web Developer**, and then click **Web Console**.
* **Google Chrome:** Click the 
icon, click **More tools**, click **Developer tools**, and then click the **Console** tab.
* **Microsoft Internet Explorer:** Click the 
icon, click **F12 developer tools**, and then click the **Script** tab.
## More information
* To view the official React site, please visit [https://reactjs.org](https://reactjs.org).
* To view the official React documentation, please visit [https://react.dev/learn](https://react.dev/learn).
## Related articles
[Client-side technologies](/docs/client-side-technologies)