📰 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
toss가 만든 고성능 유틸리티 라이브러리
lodash와 같이 배열이나 객체, 함수 등을 다루는 등의 일에 사용될 수 있는 유틸리티 라이브러리입니다.
lodash와 비교했을 때 es-toolkit은 같은 함수 기준 최대 97% 작은 번들 사이즈 를 제공하며, 2~3배 빠른 속도로 동작한다고 합니다.
👍