以下是 50+ 个值得学习的 TypeScript/JavaScript 开源项目,涵盖前端框架、工具库、全栈开发、Node.js 后端、移动端、数据可视化等领域,按类别分类并附上简介和代码仓库链接:
前端框架与库
项目名称
简介
代码仓库链接
备注
React
构建用户界面的声明式库
github.com/facebook/react
生态丰富,支持 SSR/SSG
Vue.js
渐进式前端框架
github.com/vuejs/core
易上手,响应式系统
Angular
企业级前端平台
github.com/angular/angular
完整的 MVC 解决方案
Svelte
编译时高效框架
github.com/sveltejs/svelte
无虚拟 DOM,轻量级
SolidJS
高性能响应式框架
github.com/solidjs/solid
类似 React 语法
全栈与元框架
项目名称
简介
代码仓库链接
备注
Next.js
React 全栈框架
github.com/vercel/next.js
支持 SSR/SSG/ISR
Nuxt.js
Vue 全栈框架
github.com/nuxt/nuxt
模块化设计,SEO 友好
Remix
全栈 Web 框架
github.com/remix-run/remix
基于 React,数据优先
Astro
静态站点生成器
github.com/withastro/astro
岛屿架构,低 JavaScript
Qwik
极速加载框架
github.com/BuilderIO/qwik
延迟加载,高性能
Node.js 后端与工具
项目名称
简介
代码仓库链接
备注
Express
轻量级 Node.js Web 框架
github.com/expressjs/express
中间件机制,灵活简单
NestJS
企业级 Node.js 框架
github.com/nestjs/nest
基于 TypeScript,模块化
Fastify
高性能 Node.js Web 框架
github.com/fastify/fastify
低开销,插件系统
TypeORM
TypeScript ORM 库
github.com/typeorm/typeorm
支持多种数据库
Prisma
现代数据库工具包
github.com/prisma/prisma
类型安全的数据库访问
构建与工具链
项目名称
简介
代码仓库链接
备注
Webpack
模块打包工具
github.com/webpack/webpack
生态插件丰富
Vite
极速前端构建工具
github.com/vitejs/vite
基于 ES Modules
Rollup
JavaScript 模块打包器
github.com/rollup/rollup
适合库开发
Turbo
增量构建工具
github.com/vercel/turbo
支持 Monorepo
Babel
JavaScript 编译器
github.com/babel/babel
转换 ES6+ 代码
状态管理
项目名称
简介
代码仓库链接
备注
Redux
可预测状态容器
github.com/reduxjs/redux
结合中间件扩展
MobX
响应式状态管理库
github.com/mobxjs/mobx
自动追踪依赖
Zustand
轻量级状态管理库
github.com/pmndrs/zustand
基于 React Hooks
Recoil
React 状态管理库
github.com/facebookexperimental/Recoil
原子化状态设计
数据可视化
项目名称
简介
代码仓库链接
备注
D3.js
数据驱动文档库
github.com/d3/d3
高度定制化图表
Three.js
3D 图形库
github.com/mrdoob/three.js
WebGL 封装
Chart.js
简单灵活的图表库
github.com/chartjs/Chart.js
适合快速集成
ECharts
百度开源可视化库
github.com/apache/echarts
丰富的图表类型
测试与质量
项目名称
简介
代码仓库链接
备注
Jest
JavaScript 测试框架
github.com/facebook/jest
零配置,快照测试
Cypress
端到端测试工具
github.com/cypress-io/cypress
实时重载,调试友好
Playwright
跨浏览器自动化工具
github.com/microsoft/playwright
支持多语言,现代浏览器
Testing Library
用户行为测试工具集
github.com/testing-library/react-testing-library
贴近用户交互测试
移动端与桌面应用
项目名称
简介
代码仓库链接
备注
React Native
跨平台移动应用框架
github.com/facebook/react-native
使用 React 语法
Expo
React Native 开发工具链
github.com/expo/expo
快速构建原生应用
Electron
跨平台桌面应用框架
github.com/electron/electron
基于 Chromium 和 Node
Tauri
轻量级桌面应用框架
github.com/tauri-apps/tauri
替代 Electron
其他实用库
项目名称
简介
代码仓库链接
备注
Lodash
实用工具库
github.com/lodash/lodash
函数式编程辅助
Axios
基于 Promise 的 HTTP 客户端
github.com/axios/axios
浏览器/Node.js 通用
Date-fns
现代日期处理库
github.com/date-fns/date-fns
模块化设计
TypeScript
JavaScript 超集语言
github.com/microsoft/TypeScript
静态类型检查
扩展列表(补充至 50+)
SvelteKit (github.com/sveltejs/kit) - Svelte 的全栈框架
VueUse (github.com/vueuse/vueuse) - Vue 组合式工具库
Puppeteer (github.com/puppeteer/puppeteer) - 无头浏览器控制工具
Storybook (github.com/storybookjs/storybook) - UI 组件开发环境
ESLint (github.com/eslint/eslint) - JavaScript 代码检查工具
Prettier (github.com/prettier/prettier) - 代码格式化工具
Deno (github.com/denoland/deno) - 安全的 JavaScript/TS 运行时
Jotai (github.com/pmndrs/jotai) - 原子化状态管理库
TanStack Query (github.com/TanStack/query) - 数据同步与缓存管理
Vue Router (github.com/vuejs/router) - Vue 官方路由库
React Router (github.com/remix-run/react-router) - React 路由解决方案
VitePress (github.com/vuejs/vitepress) - 基于 Vite 的静态站点生成器
Nx (github.com/nrwl/nx) - Monorepo 开发工具
Parcel (github.com/parcel-bundler/parcel) - 零配置打包工具
RxJS (github.com/ReactiveX/rxjs) - 响应式编程库
学习建议
从核心项目入手:如 React、TypeScript、Node.js。
结合文档与实战:通过官方文档理解设计理念,再通过项目实践巩固。
参与开源贡献:从修复文档或简单 Bug 开始,逐步深入代码。
关注生态工具链:如 Vite、ESLint、Jest 等工具是现代化开发的基石。
如果需要更详细的分类或特定方向(如游戏开发、区块链等),可以进一步补充!