{"repo":"modern-agile-team/modern-kit","free":true,"listed":false,"github":"https://github.com/modern-agile-team/modern-kit","clone":"git clone https://github.com/modern-agile-team/modern-kit.git","description":"@modern-kit is an open-source library that provides modules useful for client-side development.","language":"TypeScript","stars":156,"topics":["client","hook","react","utils","types","open-source","cjs","esm","module"],"license":"MIT","category":"ui-components","readme_excerpt":"@modern-kit 한국어 English @modern-kit 는 클라이언트 개발에 유용한 리액트 컴포넌트 , 커스텀 훅 , 유틸리티 함수 , 타입 을 제공하는 라이브러리입니다. 단순히 모듈을 제공하는 것을 넘어, 다양한 구현 방식에 대한 레퍼런스 역할도 함께 합니다. @modern-kit 는 Next.js SSR 환경을 비롯한 CJS 환경과의 호환성을 위해 CJS(CommonJS) 와 ESM(ECMAScript Module) 두 포맷을 모두 지원합니다. 공식 문서 @modern-kit 의 공식 문서는 아래에서 확인하실 수 있습니다. - https://modern-agile-team.github.io/modern-kit 패키지 @modern-kit/react React와 관련된 유용한 컴포넌트 와 커스텀 훅 을 제공하는 라이브러리입니다. 설치 사용 예시 @modern-kit/utils 클라이언트 개발에 유용한 유틸리티 함수 를 제공하는 라이브러리입니다. 설치 사용 예시 @modern-kit/types 클라이언트 개발에 유용한 유틸 타입 을 제공하는 라이브러리입니다. 설치 사용 예시 SubPath @modern-kit/react 와 @modern-kit/utils 는 SubPath를 통해 개별 모듈을 직접 불러올 수 있습니다. SubPath를 사용하면 다음과 같은 이점이 있습니다. - 필요한 모듈만 가져오기 때문에 불필요한 코드 로딩을 방지 합니다. - 번들러가 모듈을 더 정확히 식별할 수 있어 Tree-shaking 이 더욱 효과적으로 동작합니다. 결과적으로 최종 번들 크기를 줄이는 데 도움이 됩니다. - 버전 호환성 문제 를 해결할 수 있습니다. 예를 들어 useSyncExternalStore 는 React v18 이상에서만 사용 가능한데, React v17 환경에서 전체 모듈을 가져오면 해당 API를 사용하지 않더라도 로딩 시 충돌이 발생할 수 있습니다. SubPath를 사용하면 필요한 모듈만 직접 가져와 이 문제를 해결할 수 있습니다. Next.js 개발 환경에서의 SubPath 효과 비교 SubPath 미사용 SubPath를 사용하지 않으면 @modern-kit/utils 의 모든 모듈 이 함께 로드됩니다. SubPath 사용 SubPath를 사용하면 flatten 하나만 로드됩니다. 이러한 차이는 개발 서버 성능에도 영향을 줄 수 있습니다. 개발 환경 설정 - 모든 명령어는 root(src) 폴더 에서 실행합니다. - 패키지 매니저: Yarn Berry (v4+) - Node 버전: v24+ 명령어 모든 패키지의 lint 검사를 실행합니다. vitest 와 react-testing-library 를 사용한 테스트 를 실행합니다. 전체 패키지의 타입 검사 를 실행합니다. 모든 패키지의 빌드 와 함께 lint, test, typecheck를 순차적으로 실행합니다. Benchmark @modern-kit/utils 는 벤치마크 테스트를 지원합니다. packages/utils 디렉토리에서 실행하세요. 문서 작업 @modern-kit ","default_branch":null,"files":null,"tree":[],"storefront":"/r/modern-agile-team","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/modern-agile-team/modern-kit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}