你最喜欢的三个 js 库是什么

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 488

Author 回答者: shfshanyue

这三个库是我喜欢也用的相当多的库，如果是自己的项目基本上都用了:

此外，npm.devtool 中收集了最流行的 1000 个库，可以去瞧瞧

Vercel 出品

The React Framework for Production.

好用！一点基于它的 SSR，一点基于它的开箱即用。

SSR，如果你想提高你的前端水平，那就使用 Next 做一个同构的项目吧，其中遇到的问题比纯客户端渲染更有挑战力，更加棘手。严格来说这是一个需要部署在服务器上的服务器项目，你需要对服务器端开始了解，可能遇到内存爆掉，需要记录服务器日志，需要 Metric 监控内存、CPU 等，需要报警等。而这些在平常的前端项目接触不到。同构要求一份代码既能在 Node 环境中运行，又能在浏览器中运行，其中也会遇到一些问题，比如一个库客户端可以加载服务端不行，或者相反。或者一个疏忽让客户端打包了一个特别大的包(其实仅仅服务端需要)，造成页面加载过慢。
开箱即用，内置路由、ts支持、webpack 配置等等。即使你想扩展你的 webpack 配置，仅仅需要在 next.config.js 添加几行代码。而不像 create-react-app 基本上都要 eject，从而需要管理许多配置

swr

const { data: projects, error } = useSWR("/api/projects");

或者一个可选的库: React-Query。

同样也是 Vercel 出品

最大的好处就是通过 hooks 形式加载数据，简单方便。与 React-Query 相比，个人感觉:

react-query 对于 mutation 可使用 hooks，支持更多选项 (如 keepPreviousData)，功能更多，更适合 API 复杂的项目
swr 相对轻量，可随处使用，不像 react-query 需要在父组件设置 Provider 等，只有读请求的小项目可以用 swr

GraphQL，按需请求数据。可以简单对接数据库、第三方服务，并扔到客户端，由于面向字段(field)，所以更容易针对字段进行缓存。

同时也更有利于客户端，graphql 的强类型很容易通过 AST 转化为 types，因此客户端请求数据时的 ts 可以根据 query 自动生成。

现在，Github 最新的 API 也是 graphql 形式的

Author 回答者: illumi520

lodash 封装了很多有用的库 axios 体积小，比原生好用太多 react-query 通过hooks封装，把请求还做了缓存