# How to create an app using ReactJS framework?

<br>

### Create a [new React app](https://reactjs.org/docs/create-a-new-react-app.html).

```shell
npx create-react-app my-app-name
cd my-app-name
npm start
```

<br>

### Install [Bootstrap](https://getbootstrap.com/) framework.

```shell
# Install Bootstrap version 4.5.0
npm install bootstrap@4.5.0
```

<br>

### Install [React Bootstrap](https://react-bootstrap.github.io/) package.

```shell
npm install react-bootstrap bootstrap
```

To use `react-bootstrap` package in your React app, import the component(s) you want to use like this:

```shell
import { Table, Button, Alert } from 'react-bootstrap';
```



<br>

### Import Bootstrap in `src/index.js` file

```shell
import 'bootstrap/dist/css/bootstrap.min.css';
```

<br>

### Install [Material Design Icons](https://materialdesignicons.com/)

```shell
npm install @mdi/react @mdi/js
```

- [How to use Material Design Icons with ReactJS?](https://dev.materialdesignicons.com/getting-started/react).
- When you click any icons from [this list](https://materialdesignicons.com/), you will see how to use it with ReactJS. (Note that this list may take some moments to show up).
- [A list of all Material Design Icons](https://cdn.materialdesignicons.com/5.3.45/).

<br>

### Install [X-Framework](https://github.com/amrMekkawy/x-framework)

```shell
npm install x-framework
```


Add a new cheat-sheet showing necessary steps to create a new app using ReactJS framework
Add a new cheat-sheet showing necessary steps to create a new app using ReactJS framework
