> For the complete documentation index, see [llms.txt](https://react-firebase.gitbook.io/rf/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://react-firebase.gitbook.io/rf/guides/build-a-react-app-with-firebase-auth-and-realtime-database/add-react-and-react-dom.md).

# Add React and React DOM

Adding React and React DOM

Now that we have a running website, let's start adding the dependencies we want to use for this project.

Install `react` and `react-dom` from NPM

```bash
yarn add react react-dom
# Add the community provided types for these libraries 
# (For typescript users only) 
yarn add -D @types/react @types/react-dom
```

And let's add a small React Component to the page

{% code title="src/index.tsx" %}

```jsx
import * as React from "react";
import { render } from "react-dom";
const concept = "world";

const App = () => {
  return <div>Hello {concept}</div>;
};

render(<App />, document.getElementById("root"));

```

{% endcode %}

#### Our React app is ready.&#x20;

### [Git Commit](https://github.com/rakannimer/react-firebase/commit/f36141dfb9038b0a820bcd3dc98e2d2197b03cdf)