📰 IT 소식
개발/기술 관련된 소식 중 주로 프론트엔드 관련 소식을 전합니다.
SNAX
toss가 만든 고성능 유틸리티 라이브러리
lodash와 같이 배열이나 객체, 함수 등을 다루는 등의 일에 사용될 수 있는 유틸리티 라이브러리입니다.
lodash와 비교했을 때 es-toolkit은 같은 함수 기준 최대 97% 작은 번들 사이즈 를 제공하며, 2~3배 빠른 속도로 동작한다고 합니다.
Reaction
Comment
Share
SNAX
shadcn/ui Blocks, Charts 추가
Blocks
shadcn/ui를 바탕으로 만들어진 일종의 템플릿 코드입니다. tailwindUI를 생각하면 쉽습니다.
Charts
리액트용 차트 라이브러리인 recharts를 기반으로 shadcn의 감각이 가미된 차트 컴포넌트입니다.
라이브러리가 아닌 컬렉션을 표방하는 shadcn/ui 답게 스스로는 의존성을 전혀 갖고 있지 않고, 코드를 복사해서 사용할 수 있도록 해놨습니다.
Reaction
Comment
Share
SNAX
TanStack Form 출시
TanStack Query(React Query)의 개발자 TanStack이 내놓은 새로운 양식(Form) 관리 라이브러리
출시일: 2024년 4월 27일
Framework Agnostic: React, Vue, Angular 등 여러 프레임워크 지원
Isolate Re-renders: React Hook Form과 동일하게 Uncontrolled 방식으로 리렌더링을 최소화한다.
Validation: zod, yup, valibot 등의 유효성 검사 라이브러리를 함께 사용할 수 있도록 adaptor 제공.
SSR: Next.js Server Action을 지원하여 서버 사이드에서 유효성 검사가 가능해진다.
Granular reactivity: 세분화된 반응성을 지원하여 원하는 영역만 상태를 구독, 리렌더링을 보다 최소화할 수 있다.
Linked Fields: 유효성 검사 스키마에서 다른 필드의 값도 참조할 수 있다.
개인적인 의견
전체적으로 디자인이 React Hook Form과 비슷하나 좀 더 다듬어진 느낌이 든다. 귀찮고, 거슬리고, 불편한 부분들이 개선되었다.
TanStack이라는 스타 개발자가 주도하는 라이브러리인 만큼 출시된지 몇개월되지 않았는데도 3.5k의 스타를 받았다.
See more...
Reaction
Comment
Share
Share
SNAX
👍