💻 next.js도 빨리 배우고싶어요 응애

react

이젠 vanilla JS 못써

npx create-react-app 내 앱 이름

typescript

타입 지정하는게 귀찮지만 자동완성 너무 편하고 다들 타입스크립트 써서 정보도 많이 찾을 수 있음

npx create-react-app 내 앱 이름 --template typescript

react-router-dom

createBrowserRouter Outlet편함!

npm i react-router-dom

react-query

동일 데이터 요청을 한번만 해서 좋음

npm i react-query

react-helmet

헤더 동적으로 바뀌는게 보기 좋음

npm i react-helmet

recoil

atom 짱편함

npm i recoil

recoil-persist

전역상태 저장 편하게

npm i recoil-persist

styled-components

css관리 편하고 컴포넌트 리턴이 보기 좋아짐

npm i styled-components
npm i --save-dev @types/styled-components
npm i styled-reset // reset css

http-proxy-middleware

cors 에러 해결

npm i http-proxy-middleware

axios

fetch가 편해짐

npm i axios

reach-hook-form

form이 편해짐

npm i reach-hook-form

Framer Motion

아름다운 애니메이션

npm i framer-motion

react-responsive

손쉬운 반응형

npm i react-responsive
npm i @types/react-responsive