现代Web开发技术列表归类-来自字节modernjs.dev

1,025 阅读1分钟

开篇语

今早看到了字节Web Infra的问卷,发现上面排列的技术栈归类有点东西,所以记录一下。

常用的编程语言

  • ES5
  • ES6+
  • TypeScript
  • Rust
  • Go
  • Dart
  • Python
  • Ruby
  • 其他 FP 语言
  • 其他 语言

常用的CSS 技术

  • styled-components
  • CSS Modules
  • PostCSS
  • Sass
  • Less
  • Vanilla CSS
  • 其他开源 CSS In JS 技术
  • 其他开源技术
  • 自研技术

常用的UI技术

  • React
  • Vue
  • Svelte
  • Preact
  • Web Components
  • Vanilla JS
  • Electron
  • React Native
  • Taro
  • uni-app
  • PWA
  • 其他开源技术
  • 其他自研技术 我:连 Angular 都归于其他了嘛。。。

常用的数据逻辑开发方式

  • Redux
  • RTK
  • Hooks + Context
  • Mobx
  • Vuex
  • Dva
  • Vuex
  • XState
  • Recoil
  • RxJS
  • GraphQL
  • Apollo
  • React Query
  • SWR
  • 其他开源技术
  • 自研技术 我:把前端状态管理称为数据逻辑开发方式我觉得挺恰当的。不过大厂的视野果然宽广,有些名词见都没见过。。。

常用的服务器端技术

  • Express
  • Koa
  • NestJS
  • EggJS
  • 云函数/Serverless
  • Next.js/Nuxt.js
  • 其他开源 Node.js 框架
  • 自研技术
  • 非 Node.js 技术栈

常见的服务器端开发需求

  • 静态 HTML
  • 动态 HTML
  • SSR
  • HTTP API/REST API
  • RPC
  • GraphQL
  • Web Socket

常用的工程化技术

  • Webpack
  • Rollup
  • ESBuild
  • swc
  • Vite
  • Snowpack
  • Parcel
  • Micro-Frontend (微前端)
  • Monorepo
  • CRA
  • Next.js
  • Umi
  • 其他自研技术
  • 自研技术

常用的研发环境

  • VSCode
  • WebStorm
  • CodeSandbox/CodePen/...
  • eslint --fix
  • Prettier
  • 其他编辑器
  • 其他云开发技术
  • 其他代码检查和生成技术

总结

看完只有一个感觉:前端果然是大有可为。。。

来源

modernjs.dev/