๐ŸŽ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ/๊ฐœ๋ฐœํŒ

React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‚˜ ๊ฐœ๋ฐœ ํŒ์„ ๊ฐ€๋ณ๊ฒŒ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.
SNAX
Radix Primitives๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ œ์ž‘๋œ Drawer ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.
๋„ค์ดํ‹ฐ๋ธŒ์— ๊ฐ€๊นŒ์šด ๋ถ€๋“œ๋Ÿฌ์šด ์ธํ„ฐ๋ž™์…˜๊ณผ ์ค€์ˆ˜ํ•œ ์„ฑ๋Šฅ์„ ๊ฐ€์ง„ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” Radix์˜ Dialog primitive ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์–ด์ ธ์„œ ์ ‘๊ทผ์„ฑ ๋ฐ ์™„์„ฑ๋„๊ฐ€ ๋†’์œผ๋ฉฐ, ๊ธฐ๋ณธ์ ์œผ๋กœ Headless UI์ด๊ธฐ ๋•Œ๋ฌธ์— shadcn/ui์—์„œ ๊ธฐ๋ณธ ๋ฒ ์ด์Šค๋กœ ์ฐจ์šฉํ•˜๊ธฐ๋„ ํ–ˆ์Šต๋‹ˆ๋‹ค.
Emil Kowalski
Drawer component for React.
vaul.emilkowal.ski
Reaction
Comment
Share
SNAX
์บ๋Ÿฌ์…€ ๊ตฌํ˜„ ์‹œ ๋Œ€ํ‘œ์ ์œผ๋กœ ์ถ”์ฒœํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ๋ฐ ์œ ๋ฃŒ๋กœ ํ…œํ”Œ๋ฆฟ์ด๋‚˜ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ œ๊ณตํ•จ. ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๊ฝค ์ข‹์€๋“ฏ.
Reaction
Comment
Share
SNAX

Generouted

Vite์™€ React Router(v6)๋ฅผ ์“ฐ๊ณ  ์žˆ๋‹ค๋ฉด, ์ด๊ฑฐ ํ•œ ๋ฒˆ ์จ๋ณด์„ธ์š”.
generouted๋Š” vite ํ™˜๊ฒฝ์—์„œ ํŒŒ์ผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ผ์šฐํŒ…ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. Type-Safe๋ฅผ ์ง€์›ํ•˜์—ฌ ํŽ˜์ด์ง€ ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜๋ฉด ์ž๋™์œผ๋กœ ํƒ€์ž… ์ •์˜๋ฅผ ์ƒ์„ฑํ•ด์ค๋‹ˆ๋‹ค.
Reaction
Comment
Share
SNAX

Refactoring Guru

๋ฆฌํŒฉํ„ฐ๋ง๊ณผ ๋””์ž์ธ ํŒจํ„ด์„ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.
๋””์ž์ธ ํŒจํ„ด์€ ํ’€ ํ•œ๊ธ€ํ™”๋˜์–ด ์ฝ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. (๋ฆฌํŒฉํ„ฐ๋ง์€ ๋ฒˆ์—ญ ์˜ˆ์ •)
๋ฆฌํŒฉํ„ฐ๋ง๊ณผ ๋””์ž์ธ ํŒจํ„ด
๋ฆฌํŒฉํ† ๋ง์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ƒ์„ฑํ•˜์ง€ ์•Š๊ณ  ์ฝ”๋“œ๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ์ œ์–ด ๊ฐ€๋Šฅํ•œ ํ”„๋กœ์„ธ์Šค์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ ํŒจํ„ด์€ ์†Œํ”„ํŠธ์›จ์–ด ๋””์ž์ธ์—์„œ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋“ค์— ๋Œ€ํ•œ ์ผ๋ฐ˜์ ์ธ ํ•ด๊ฒฐ์ฑ…๋“ค์ž…๋‹ˆ๋‹ค.
refactoring.guru
Reaction
Comment
Share
Share
SNAX

Refactoring Guru

๋ฆฌํŒฉํ„ฐ๋ง๊ณผ ๋””์ž์ธ ํŒจํ„ด์„ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.
๋””์ž์ธ ํŒจํ„ด์€ ํ’€ ํ•œ๊ธ€ํ™”๋˜์–ด ์ฝ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. (๋ฆฌํŒฉํ„ฐ๋ง์€ ๋ฒˆ์—ญ ์˜ˆ์ •)
๋ฆฌํŒฉํ„ฐ๋ง๊ณผ ๋””์ž์ธ ํŒจํ„ด
๋ฆฌํŒฉํ† ๋ง์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ƒ์„ฑํ•˜์ง€ ์•Š๊ณ  ์ฝ”๋“œ๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ์ œ์–ด ๊ฐ€๋Šฅํ•œ ํ”„๋กœ์„ธ์Šค์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ ํŒจํ„ด์€ ์†Œํ”„ํŠธ์›จ์–ด ๋””์ž์ธ์—์„œ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋“ค์— ๋Œ€ํ•œ ์ผ๋ฐ˜์ ์ธ ํ•ด๊ฒฐ์ฑ…๋“ค์ž…๋‹ˆ๋‹ค.
refactoring.guru
๐Ÿ‘