Skip to main content
HashnodeHODL BAEK

Command Palette

Search for a command to run...

React, Vite, Typescript and Styled-Components

Published
•1 min read•View as Markdown
S
Seungheon Baek

Github: https://github.com/HODLBAEK

<Software Engineer> I'm a self-taught Frontend Developer passionate about web development. I use HTML, CSS, Sass, Javascript, React.

As an ex-banker, I also am very passionate about #BTC and what it could mean to humanity and money as we know it.

Part of seriesReact.js

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 (When asked, choose React-ts in the terminal)
npm create vite@latest
cd <foldername>
npm install
npm run dev

npm install --save styled-components
  • Eslint
    You can utilize Eslint which is certainly helpful when you code.
npm init @eslint/config

DONE

#reactjs#vite#typescript#styled-components

Comments

Join the discussion

No comments yet. Be the first to comment.

React.js

Part 3 of 3

I will be covering and reminding myself of React concepts in this series.

Start from the beginning

React Children

less components to make codes more DRY

More from this blog

H

HODL BAEK

8 posts

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.