后端开发教程 - Java、Spring Boot 实战 - msg200.com
我的 React.js 库书签
荣誉提名➕
React 主要专注于它最擅长的领域（渲染 UI 组件来构建用户界面），而其他空白则留给庞大的开发者和公司社区去填补。
这意味着流行的库和做事方式的数量肯定会增加，这有其优点和缺点：
优点✅
- 您不会被锁定在某一种做事方式中，而是拥有一系列最适合您需求的绝佳选择。
- React 拥有一个由构建和维护库的人员组成的庞大生态系统，因此，如果你需要做某件特别的事情，那么很有可能（10 次中有 9 次）会有一个开源的 npm 包。
缺点❌
- 这可能会让初学者感到困惑。由于选择太多，人们有时会选择最受欢迎的，即使它不一定能满足他们的需求。
- 最新和最好的东西在不断变化，选择积极维护并能随着行业标准而前进的库非常重要。
话虽如此，以下是我目前已收藏的 React 库列表。每个库旁边的表情符号代表了我对每个库的个人体验：
- ⭐ - 我一直以来的最爱
- ✅ - 已在生产中使用并提倡
- 🕒 - 从未使用过，但计划在未来使用
- 🤔 - 从未使用过，但感兴趣
- 👋 - 已在生产中使用，但后来不再使用
组件 UI 库
- 语义 UI React ✅ https://react.semantic-ui.com/
- 流畅的用户界面✅ https://developer.microsoft.com/en-us/fluentui#/
- Chakra UI 🕒 https://chakra-ui.com/
- Ant Design 🤔 https://ant.design/
- 材质 UI 👋 https://material-ui.com/
- React Bootstrap/reactstrap 👋 https://react-bootstrap.github.io/
状态管理
- React 内部状态 / 上下文（不是库）✅ https://reactjs.org/docs/context.html
- Redux 👋 https://redux.js.org/
客户端路由
- react-router ✅ https://reactrouter.com/
SSG（静态站点生成）/ SSR（服务器端渲染）
- Next.js ⭐ https://nextjs.org/
- 盖茨比🤔 https://www.gatsbyjs.com/
测试
- react-testing-library ⭐ https://testing-library.com/docs/react-testing-library/intro
- 酶👋 https://enzymejs.github.io/enzyme/
表格
- react-hook-form ✅ https://react-hook-form.com/
- 福米克 🤔 https://formik.org/
动画
- framer/motion 🕒 https://www.framer.com/motion/
- react-spring 🤔 https://www.react-spring.io/
- react-motion 🤔 https://github.com/chenglou/react-motion
- react-transition-group 🤔 https://github.com/reactjs/react-transition-group
异步
- react-query ✅ https://react-query.tanstack.com/
数据表
国际化
- react-intl ✅ https://github.com/formatjs/formatjs
荣誉提名➕
这些是我已添加书签/星号但尚未在生产中使用过的一些其他库。
下拉菜单
拖放
- react-dnd https://react-dnd.github.io/react-dnd/about
- react-beautiful-dnd https://github.com/atlassian/react-beautiful-dnd
文档<head>管理器
图标
加载旋转器
社交媒体分享按钮
响应式样式
由于库的生态系统十分庞大，我肯定遗漏了一些优秀的库。如果有的话，请在评论区留下你最喜欢的库，并告诉我你对这份列表的看法！
此外，如果您喜欢 Web 开发和 meme 内容，请关注我的Twitter 😄
文章来源：https://dev.to/michaelgee/my-react-js-library-bookmarks-o6e