์ด ๊ธฐ์ฌ๋ ๊ฐ๋ฐ์ ์์ฐ์ฑ์ ํฅ์์ํค๋ ํ์ React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์กฐํฉ๋๋ค. TanStack Query๋ ์๋ฒ ์ํ ๊ด๋ฆฌ ๋ฐ ์บ์ฑ์ ๊ฐ์ํํ์ฌ ์๋ฒ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ ์ฑ์ ์ด์์ ์
๋๋ค. Zustand๋ Redux์ ๋ณต์ก์ฑ์ ์ ๊ฑฐํ ๊ฒฝ๋ ๊ธ๋ก๋ฒ ์ํ ๊ด๋ฆฌ๋ฅผ ์ ๊ณตํ์ฌ ์๊ท๋ชจ์์ ์ค๊ท๋ชจ ์ฑ์ ์ ํฉํฉ๋๋ค. Jotai๋ ์์(atom)๋ฅผ ์ฌ์ฉํ์ฌ ์์ธก ๊ฐ๋ฅํ๊ณ ํ์ฅ ๊ฐ๋ฅํ ๊ธ๋ก๋ฒ ์ํ ๊ด๋ฆฌ๋ฅผ ์ ๊ณตํฉ๋๋ค. Axios๋ ์ธํฐ์
ํฐ์ ๊ฐ์ ๊ธฐ๋ฅ์ด ์๋ ํ๋ก๋ฏธ์ค ๊ธฐ๋ฐ HTTP ํด๋ผ์ด์ธํธ๋ฅผ ํตํด API ์์ฒญ์ ์ฒ๋ฆฌํฉ๋๋ค. React Hook Form์ ๋ด์ฅ๋ ์ ํจ์ฑ ๊ฒ์ฌ ๋ฐ ์ต์ํ์ ์ฌ๋ ๋๋ง์ผ๋ก ํผ ์์ฑ์ ๊ฐ์ํํฉ๋๋ค. Zod๋ TypeScript ์ฒซ ๋ฒ์งธ ์คํค๋ง ์ ํจ์ฑ์ ํตํด ๋ฐํ์ ์์ ์ฑ์ ๋ณด์ฅํ์ฌ ๋ฐ์ดํฐ ๋ฌด๊ฒฐ์ฑ์ ์ ์งํฉ๋๋ค. React Testing Library๋ ์ฌ์ฉ์ ์ํธ์์ฉ์ ํตํด ํ
์คํธ๋ฅผ ์ฅ๋ คํฉ๋๋ค. Vitest๋ ํ๋์ TypeScript/Vite ํ๋ก์ ํธ๋ฅผ ์ํ ๋น ๋ฅธ, Jest ํธํ ์ ๋ ํ
์คํธ ํ๋ ์์ํฌ์
๋๋ค. Playwright๋ ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ ์๋ ํฌ ์๋ ํ
์คํธ๋ฅผ ํตํด ์ฌ์ฉ์ ์ํฌํ๋ก์ฐ๋ฅผ ์ ๋ขฐํ ์ ์์ต๋๋ค. ์ด ๊ธฐ์ฌ๋ ๋ํ Shadcn/ui, MUI, Mantine ๋ฐ SVAR ์ปดํฌ๋ํธ์ ๊ฐ์ UI ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํตํด ๊ฐ์ํ๋ UI ๊ฐ๋ฐ์ ๊ฐ๋ฅํ๊ฒ ํ๋ ๊ฒ์ ๊ฐ๋ตํ๊ฒ ์ธ๊ธํฉ๋๋ค.
dev.to
๐ 9 Libraries to Boost Your Productivity as a React Developer
Create attached notes ...
