[React] Useful Third Party Library

유용한 리액트(React) 라이브러리 정리

 

etc) https://www.w3schools.com/

W3Schools Free Online Web Tutorials

https://developer.mozilla.org/ko/

MDN Web Docs

React를 다룰 때 HTML, CSS, Javascript 등의 기본적인 부분을 공부할 때 참 좋다.

 

JSDoc https://jsdoc.app/

Use JSDoc: Index

Typescript를 사용하면 좋겠지만 그렇지 않다면 JSDoc를 사용하는 편이 문서 작성에 친절함을 더 할 수 있다.

 

1. React Router Dom v6

https://reactrouter.com/docs/en/v6/getting-started/overview

React Router | Quick Start

SPA환경에서 라우팅을 구현하기위해 필수적이라고 할 수 있다.

 

2. React Hook Form

https://react-hook-form.com/

Home

여러 인풋값을 받아 참/거짓을 판단해야 하는 상황(ex. 회원가입)에서 코드를 획기적으로 줄여줄 수 있는 라이브러리 라고(?) 한다.

필자는 아직 사용해보지 않았지만 예시만 보아도 기회가 오면 바로 사용해 보고 싶을 정도로 매력적이라고 생각한다.

 

3. React Spinners

https://www.davidhu.io/react-spinners/

React Spinners

여러가지 애니메이션이 포함된 Indicator를 제공한다. 어느정도 커스텀도 다채롭게 가능해서 자주 찾게된다.

 

4. React Daum Postcode

https://github.com/bernard-kms/react-daum-postcode

GitHub - bernard-kms/react-daum-postcode: 리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스입니다.

대한민국에서 주소 검색을 제공할 때 거의 필수적으로 들어가는 서비스라고 생각한다.

참으로 감사하게도 React에서 사용하기 편하게 제공해주셨다. 잘 사용하기만 하면된다.

 

5. Moment

https://momentjs.com/

Moment.js | Home

React 뿐만 아니라 여러 다른 프레임워크에서도 단골로 사용될거라고 믿어 의심치 않다.

솔직히 Date 보다 더 많이 쓴다. 시간 관련 라이브러리

 

6. React Modal

http://reactcommunity.org/react-modal/

react-modal documentation

ReactJs에서 제공하는 모달 라이브러리이다. (서드파티가 맞나...?)

흔히 말하는 Dialog 혹은 Alert를 구성할 때 자주 쓰인다.

 

7. React Responsive

https://github.com/yocontra/react-responsive

GitHub - yocontra/react-responsive: CSS media queries in react - for responsive design, and more.

반응형 웹 구성에 용이하다. Hook을 사용하여 접근성이 편하다. 

 

8. UI Toast

https://ui.toast.com/

TOAST UI :: Make Your Web Delicious!

여러가지 미니멀한 디자인의 컴포넌트를 사용할 수 있다.

 

9. Headless UI

https://headlessui.com/

Headless UI

위 소개한 UI Toast 와 같은 맥락이다.