# React

> Add the DocumentEditor component of tx-react-ds-document-editor to a React app built with Vite, pass client credentials or an access token and insert text.

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

---

## On This Page

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

---

## Nearby

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