# React

> Display documents in a React app with the DocumentViewer component of tx-react-ds-document-viewer: pass clientId or an access token and call loadDocument.

- **Product:** DS Server
- **Section:** Documentation
- **Kind:** Topic
- **Path:** DS Server > Getting Started > Document Viewer > React
- **Web URL:** https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/
- **LLMs URL:** https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/llms-full.txt

---

## On This Page

- [Prerequisites](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#prerequisites)
- [Prepare a Security Profile](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#prepare-a-security-profile)
- [Create the React Application](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#create-the-react-application)
- [Add the Viewer Component](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#add-the-viewer-component)
- [Run the Application](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#run-the-application)
- [Load a Document With the JavaScript API](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#load-a-document-with-the-javascript-api)
- [Use an Access Token](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#use-an-access-token)
- [Troubleshooting](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#troubleshooting)
- [Next Steps](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/react/#next-steps)

---

## Nearby

- **Previous:** [Angular](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/angular/llms.txt)
- **Next:** [JavaScript](https://docs.textcontrol.com/ds-server/getting-started/document-viewer/javascript/llms.txt)