信息汇总:
- https://tsh.io/state-of-frontend/
- https://2023.stateofjs.com/en-US/
- https://2022.stateofjs.com/en-US/
- https://2021.stateofjs.com/en-US/
- https://blog.sandworm.dev/state-of-npm-2023-most-popular-best-quality-packages/
流行的公共库:
- jQuery (https://jquery.com/)
- Lodash (https://lodash.com/)
- Moment.js (https://momentjs.com/)
- Day.js (https://day.js.org/)
- 参考 state-of-npm 2023 的 most popular best quality packages
- ...
前端视图框架:
- React (https://react.dev/)
- Vue.js (https://vuejs.org/)
- Svelte (https://svelte.dev/)
- Angular (https://angular.dev/)
- ...
前端应用框架:
- Next.js (https://nextjs.org/)
- Remix (https://remix.run/)
- Nuxt.js (https://nuxt.com/)
- Modern.js (https://modernjs.dev/) (公司自己开源的框架)
- ...
前端的运行时:
- Browser (https://developer.mozilla.org/en-US/ & https://web.dev/)
- Node.js (https://nodejs.org/)
- Deno (https://deno.com/)
- Bun (https://bun.sh/)
- ...
前端的一些构建工具:
- Webpack (https://webpack.js.org/)
- Rspack (https://www.rspack.dev/) (公司自己开源的框架)
- Vite (https://vitejs.dev/)
- ...
一些测试工具:
- Jest (https://jestjs.io/)
- Vitest (https://vitest.dev/)
- Mocha (https://mochajs.org/)
- Playwright (https://playwright.dev/)
- ...
一些代码示例的网站:
- https://codepen.io
- https://stackblitz.com
- https://codesandbox.io
- https://repl.it
- https://jsbin.com
- https://jsfiddle.net
- https://runkit.com
- https://jsitor.com
- https://glitch.com
- https://observablehq.com
- https://playcode.io
一些图标库:
- https://phosphoricons.com/
- https://icons.getbootstrap.com/
- https://tabler-icons.io/
- https://www.iconfont.cn/
- https://fontawesome.com/icons
- https://lucide.dev/icons/
一些设计系统(Design System)和常用的组件库
- https://www.designsystems.com/open-design-systems/
- shadcn/ui (https://ui.shadcn.com/)
- Bootstrap (https://getbootstrap.com/)
- https://www.mantine.dev/
- https://mui.com/
- https://www.chakra-ui.com/
- Angular Material (https://material.angular.io/)
- Ant Design (https://ant.design/)
- Foundation (https://get.foundation/)
- ...
一些样式库:
- Plain CSS (https://developer.mozilla.org/en-US/docs/Web/CSS)
- Emotion (https://emotion.sh/)
- Tailwind CSS (https://tailwindcss.com/)
- Styled Components (https://styled-components.com/)
- Sass/SCSS (https://sass-lang.com/)
- Less (https://lesscss.org/)
- CSS Modules (https://github.com/css-modules/css-modules)
- Stylus (https://stylus-lang.com/)
- ...