算法|web前端 - 15个NPM 包解决16个React问题( 二 )


  • fetch
它具有有限但强大的功能 。 它可以支持您 95% 的工作负载 。 备选方案Axios 是对 fetch 的改进 。 它很受欢迎 。
  • Axios
它有一些不错的特性 , 比如内置的 XSRF 保护和自动 JSON 转换以及拦截 HTTP 调用的能力 。 如果你需要那个 , 你应该自己去研究 。 06、Styling你将需要Styling 。 毫无疑问 。 有多种方法可以为您的应用程序设置样式 。 受到推崇的许多人可能不同意我的看法 。 但是我认为在 React 应用程序中样式化组件是最好的选择 。
  • styled-components
它有助于创建具有明确关注点分离的干净组件 。 此外 , 它可以通过 props 轻松管理和配置 。 备择方案但是 , 正如我所说 , 还有其他很棒的选择!
  • plain old css -> 支持开箱即用 。 对于较小的项目应该没问题 。
  • sass -> 对 CSS 的改进 。 它为管理 CSS 提供了很好的功能 。 适用于中型甚至更大的项目 。
  • styled-jsx -> 具有许多类似功能的库 , 例如 styled-components 。 在这里和那里有一些额外的功能 。
07、UI Library在许多情况下 , 手工设计所有组件可能不是一个好主意 。 在这些情况下 , 使用某种 UI 库可能是个好主意 。 受到推崇的对我来说最通用和可配置的 UI 库是 Material UI 。
  • material-ui
它非常受欢迎并被许多公司使用 。 它是高度可配置的 , 这就是它如此强大的原因 。 备选方案还有一些不错的选择可供检查 。 semantic-ui -> 许多内置组件 。 ant-design -> 可配置性较低 。 有限但不错的组件 。 chakra-ui -> 最近越来越受欢迎 。 08、Documentation好的文档可以在未来节省 100 多个小时 。 因此 , 在项目的早期就积极主动地采用文档库 。 受到推崇的推荐的创建文档的方法是 React StyleGuidist 。
  • react-styleguidist
它易于使用且功能强大 。 备选方案还有一些其他的选择 。
  • js-docs -> javascript 的通用文档工具 。
  • react-docz -> 非常易于使用的文档指南 。 值得一试 。
09、多语言支持如果您正在全球范围内构建产品 , 那么您可能希望在 React 应用程序中添加多语言支持 。 受到推崇的React i18next 是在 React 应用程序中实现多语言支持的事实上的选项 。
  • react-i18next
  • i18next
备择方案还有其他一些不错的选择 。
  • react-intl
这也支持其他库 , 如 VueJS 和 Angular 。 10、 Animation动画使您的应用程序栩栩如生 。 在 React 中使用动画有一些不错的选择 。 受到推崇的纯 CSS 是制作 React 应用程序动画的最佳方式 。 它简单快捷 。 此外 , 这更具性能 。 Plain CSS Animations备选方案如果您想要现成的东西 , 那么这里有一些建议给您 。
  • framer-motion -> 生产就绪动画
  • react-awesome-reveal -> 这用于简单的动画来显示组件
  • react-spring -> 另一个很棒的随时可用的库 。
11、长列表渲染渲染一个长列表会严重影响应用程序的性能 。 在这种情况下使用库可能是一个好主意 。 受到推崇的如果你有某种无限滚动的应用程序 , 那么你应该考虑 React Window 。
  • react-window
备选方案如果您不需要无限滚动列表 , 那么您可以对数据进行分页