<h1 id="heading-introduction">Introduction</h1>
<p>React is awesome and we all know that. React become more powerful with libraries. So today, we are going to discuss, "Which other libraries do you install with React?"</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lwumibdnajvtei5lg9it.jpg" alt="images (2)" /></p>
<h1 id="heading-my-dependencies">My Dependencies</h1>
<p>I install the following libraries to initiate a react app.</p>
<ul>
<li>Chakra UI🧿: Previously, I used to work with Ant design but recently switch to Chkara UI. It easy to install and create customizable components.</li>
</ul>
<p><strong>Installation</strong></p>
<pre><code class="lang-javascript">$ npm i @chakra-ui/react @emotion/react@^<span class="hljs-number">11</span> @emotion/styled@^<span class="hljs-number">11</span> framer-motion@^<span class="hljs-number">6</span>
</code></pre>
<ul>
<li>React-Router📶: It is extremely helpful as it provides navigation in my website for different pages and components. </li>
</ul>
<p><strong>Installation</strong></p>
<pre><code class="lang-javascript">$ npm install react-router-dom
</code></pre>
<ul>
<li>React Icon⚛️: For all the icons I needed for the website in a single library. It's extremely helpful for adding icons to components and adding social media links with icons.</li>
</ul>
<pre><code class="lang-javascript">$ npm install react-icons --save
</code></pre>
<ul>
<li>Axios🔗: I use it for either fetching data from API or interacting with the backend.</li>
</ul>
<p><strong>Installation</strong></p>
<pre><code class="lang-javascript">$ npm install axios
</code></pre>
<h1 id="heading-discuss">Discuss</h1>
<ul>
<li>What other libraries do you install with react?</li>
</ul>
<p>Hope to add a few other libraries to my list.</p>


# Introduction

React is awesome and we all know that. React become more powerful with libraries. So today, we are going to discuss, "Which other libraries do you install with React?"

![images (2)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lwumibdnajvtei5lg9it.jpg)
 

# My Dependencies

I install the following libraries to initiate a react app.

- Chakra UI🧿: Previously, I used to work with Ant design but recently switch to Chkara UI. It easy to install and create customizable components.

**Installation**

```javascript
$ npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
```

- React-Router📶: It is extremely helpful as it provides navigation in my website for different pages and components. 

**Installation**

```javascript
$ npm install react-router-dom
```

- React Icon⚛️: For all the icons I needed for the website in a single library. It's extremely helpful for adding icons to components and adding social media links with icons.

```javascript
$ npm install react-icons --save
```

- Axios🔗: I use it for either fetching data from API or interacting with the backend.

**Installation**

```javascript
$ npm install axios
```

# Discuss

- What other libraries do you install with react?

Hope to add a few other libraries to my list.




React become more powerful with libraries. So today, we are going to discuss, "Which other libraries do you install with React?"

Which other libraries do you install with react?

Introduction

My Dependencies

Discuss

🥑Developer Advocate @documatic_ai
✍️Technical Author @freeCodeCamp @LogRocket
🧑‍💻OSS Contributor @forem
📝Blog (50K+ Readers/Month)
🎵Love Old Hindi Music


Learning and helping other people to understand technology👨‍💻

SurajOnDev

SurajOnDev

Which other libraries do you install with react?

Table of contents

Introduction

My Dependencies

Discuss