지난 금쪽이스토리 프로젝트를 진행하면서 리액트 관련 라이브러리를 처음 사용해보면서 꽤나 편리함을 느꼈었는데, 프로젝트 당시 몰랐었지만 사용해보면 좋을 것 같은 라이브러리들이 몇 개 더 존재하길래 다음에 써보면 좋을 만한 라이브러리들을 한데 모아봤다.
React 라이브러리
기본 라이브러리
- 기본 라이브러리 모음 : https://wazacs.tistory.com/20
- 리액트에서 타입스크립트 사용하기 : https://react.vlpt.us/using-typescript/
주소 API
- 카카오 맵 api : https://velog.io/@bboyooning/Kakao-Maps-API-%EC%9D%B4%EC%9A%A9%ED%95%98%EA%B8%B0
- 카카오맵 추가설명 : 2https://velog.io/@tpgus758/React%EC%97%90%EC%84%9C-Kakao-map-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
- 카카오맵 현재위치(부실하니 추가로 찾아보기) : https://yam-cha.tistory.com/m/178
- 다음 주소 api : https://velog.io/@endmoseung/%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%8B%A4%EC%9D%8C-%EC%A3%BC%EC%86%8C-API-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0
컴포넌트
- CK-Editor : 문서 작성
- Slick-slider : 슬라이드 구현
- pagination : 페이징 처리
- 스크롤 내릴때 pagination 적용하기 : https://velog.io/@skyosk123/Paginationscroll
- 무한 스크롤 api : react-infinte-scroller
- react-modal : https://velog.io/@kusdsuna/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%AA%A8%EB%8B%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC
- react-select : https://www.google.com/search?q=%EB%A6%AC%EC%95%A1%ED%8A%B8+select+%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC&oq=%EB%A6%AC%EC%95%A1%ED%8A%B8+select+%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC&aqs=chrome..69i57j33i160.12437j0j7&sourceid=chrome&ie=UTF-8
- 달력 : React-datepicker : https://wazacs.tistory.com/11
react amchart : React amchart - 구글 리캡챠(reCaptcha) v2 : https://kk3june.tistory.com/40
- react-google-recaptcha : https://www.npmjs.com/package/react-google-recaptcha
기능
- Validation : 폼태그 유효성 검증 : https://velog.io/@endmoseung/Validation-Pagination-Searching-in-React#4--search
- react-summernote 이미지 등록 : https://velog.io/@alstn_dev/%EA%B2%8C%EC%8B%9C%ED%8C%90-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B2%8C%EC%8B%9C%EA%B8%80-%EC%9E%91%EC%84%B1
- 차트 라이브러리 : https://hun1846.medium.com/chart-library-%EC%84%A0%ED%83%9D-b7207e5d0a09
