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

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

src/index.tsx

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"));

Our React app is ready.

Git Commit