비슷한 라이브러리 비교해보는 글

Mar 25, 2021

react vs vue vs angular

vue 허접이 깝치지마라:-)
https://www.npmtrends.com/react-vs-vue-vs-@angular/core

ui library

의외로 material-ui가 월등하다. (antd랑 비슷한줄)
2022.04.12 기준 tailwind의 기세가 엄청나다…물론 mui의 패키지명이 변경된 것도 있지만…
https://www.npmtrends.com/@material-ui/core-vs-antd-vs-react-bootstrap-vs-tailwindcss-vs-@mui/material

global state management

redux 화이팅!
recoil 히믈내 짝
https://www.npmtrends.com/jotai-vs-mobx-vs-recoil-vs-redux-vs-zustand

remote data fetching

react-queryswr은 거~의 비슷한데 react-query가 좀더 앞서나가고 있다.
2021.09.02 시점에서 react-query가 훨씬 앞서나가고 있다!
rtk-query는 리덕스 툴킷에 포함되어서 여기서의 비교는 큰 의미는 없어졌다.
https://www.npmtrends.com/react-query-vs-swr-vs-@rtk-incubator/rtk-query

css-in-js

styled-components가 훨씬 잘나간다. emotion은 babel 설정이 필요해서 좀 귀찮은듯?
2021.09.02 linaria 추가
2022.04.12 @vanilla-extract/css 추가
https://www.npmtrends.com/@emotion/react-vs-linaria-vs-styled-components-vs-@vanilla-extract/css

animation for react

후발주자 framer-motion의 기세가 만만치않다.
2022.04.12 기준 이미 framer-motion이 짱먹었다. 짱짱맨.
https://www.npmtrends.com/react-spring-vs-react-motion-vs-framer-motion-vs-react-pose

input masking

다운수는 비슷비슷한데 stars는 cleave.js가 제일 많다.
https://www.npmtrends.com/text-mask-core-vs-cleave.js-vs-imask-vs-inputmask

생각날때마다 업뎃 예정