<h2 id="heading-1-opening">1. Opening</h2>
I had a hard time configuring how to using React/Typescript and styled-components on Vite.
Most tutorials were written out in CRA as it is still the popular choice over Vite. However, I like Vite due to its blazing-fast speed.
<ul>
<li><a target="_blank" href="https://vitejs.dev/guide/">Vite</a> (When asked, choose React-ts in the terminal)</li>
</ul>
<pre><code>npm create vite@latest
cd &lt;foldername&gt;
npm install
npm run dev
</code></pre><ul>
<li><a target="_blank" href="https://styled-components.com/docs/basics#installation">Styled-Components</a></li>
</ul>
<pre><code>npm install --save styled-components
</code></pre><ul>
<li><a target="_blank" href="https://eslint.org/">Eslint</a> 
You can utilize Eslint which is certainly helpful when you code.</li>
</ul>
<pre><code>npm init @eslint/config
</code></pre><h2 id="heading-done">DONE</h2>

## 1. Opening

I had a hard time configuring how to using React/Typescript and styled-components on Vite.
Most tutorials were written out in CRA as it is still the popular choice over Vite. However, I like Vite due to its blazing-fast speed.

- [Vite](https://vitejs.dev/guide/) (When asked, choose React-ts in the terminal)

```
npm create vite@latest
cd <foldername>
npm install
npm run dev
```

- [Styled-Components](https://styled-components.com/docs/basics#installation)

```
npm install --save styled-components
```
- [Eslint](https://eslint.org/) 
You can utilize Eslint which is certainly helpful when you code.

```
npm init @eslint/config
```


## DONE

React, Vite, Typescript and Styled-Components

Worked as a finance guy(loan manager) for 6 years only to decide to become a software engineer after discovering a passion that I've never found as a banker.


HODL BAEK

HODL BAEK

React, Vite, Typescript and Styled-Components

1. Opening

DONE