Appearance
涵盖前端工程化、构建工具、编译器、组件库等领域。从源码实现到工程实践,持续探索技术边界
✨✨✨ Challenge your JavaScript programming limits step by step 前端手写题,一步步提升 JavaScript 编程水平
🚀 Explore the source code of the front-end library and implement a super mini version 前端轮子库,包含框架及其周边生态、工具链、插件迷你源码实现
boss直聘一键批量投递,一条龙服务的油猴脚本
✨✨✨ 前端历险记
🔧 Collection of native JavaScript projects
⚡️ a lightweight frontend build tool designed to deliver swift development experiences and efficient build processes。支持双引擎架构,esbuild 预构建,ModuleGraph,HMR,插件架构,单文件编译,代码压缩
下一代的前端工具链 Vite 核心逻辑
掘金专栏 esbuild 原理与应用实战 代码仓库 掘金专栏地址:https://juejin.cn/column/7285233095058718756
vite-plugin-react-devtools
⚡️ Zero-config ESM/TS package builder. Powered by Oxc, Rolldown and rolldown-plugin-dts. 零配置 ESM/TS 包构建器 基于 Oxc、Rolldown 和 rolldown-plugin-dts 构建,专注于 ESM 兼容性和极速构建
✨ A JavaScript bundler with Webpack-like features, supporting modern frontend workflows.
📦️ js packager by golang
Vite core and plugins
🤖 AI-powered error diagnosis plugin for Vite builds | AI 驱动的 Vite 构建错误诊断插件
⚡️ Scaffolding tool for Rolldown library projects - a fast JavaScript bundler written in Rust.
Oxc integration for vite.
webassembly-bundler
🌱 The closest implementation to the React source code
🗃️ rc-design is a component library developed for react, providing developers with a more lightweight and concise component library choice. Use tsx to write logic, less to write styles, dumi2 to write documentation sites, and jest+ts-jest+react-testing-library for unit testing.
📦️ A high-quality & reliable React Hooks library.
React 挑战
🔧 轻量级 A/B 测试 SDK,支持多种分流策略和可选的 React 集成。基于 robuild 构建,仅 2.2 kb。
ESLint plugin to ensure React components are wrapped with Boundary
An ESLint plugin to enforce separation between React components and pure logic modules, improving React Fast Refresh stability and code organization.
Vue 3 设计哲学与源码揭秘
A small tool for testing network speed. It also has the ability to test internal and external networks.
vue-challenges
Sunny-117.github.io
🎉 A consistent, modular, and performant JavaScript utility library.
🧹 A browser storage auto-cleanup SDK utilizing the LRU, supporting both localStorage and IndexedDB, implemented via the Proxy pattern for business logic-agnostic automatic storage eviction 一个基于LRU算法的浏览器存储自动清理SDK,支持localStorage和IndexedDB,通过代理模式实现业务无感知的自动清理。
Rust-based text processor provides flexible and efficient processing and conversion of text
一个轻量级、高性能的异步处理工具库,用于优化 JavaScript 中的异步操作。A lightweight, high-performance asynchronous utility library for optimizing asynchronous operations in JavaScript.
📝 基于 Vite + robuild + React 的组件文档站点的 SDK
实现超级 mini 的编译器 | codegen&compiler 生成代码 | 只需要 200 行代码 | 前端编译原理
🍻 实现 JSX 语法转成 JS 语法的编译器
webpack/Rspack loader for Oxc
AI 代码格式化插件是一个强大的React组件库,专为AI问答场景设计,能够智能识别和渲染流式返回的代码内容。它提供了一套完整的解决方案,包括代码块检测、语法高亮、流式数据模拟和插件化集成能力。
🧐 一个完整的 Java 编译器实现,支持从源代码到字节码的完整编译流程。
an babel plugin that for dev debug
实现最简浏览器渲染模型
用Wasm实现一个画板
🐛🐛🐛 Text image can "textify" text, images, and videos, and can be used with simple configuration 它可以将文字、图片、视频进行「文本化」 只需要通过简单的配置即可使用
业务开发常用图表
cli
esfinder 是一个基于Babel、SWC、Oxc 的用于分析和解析 JavaScript 和 TypeScript 项目中文件的导入及其相关依赖的工具。它能够高效地追踪与导入路径相关的文件,支持静态和动态导入。
一个用于快速拉取 TypeScript 项目模板的交互式脚手架。通过 startar 你可以在几分钟内选择合适的模板、填写项目信息、初始化 Git 仓库并安装依赖,全流程自动化完成。
A dynamic proxy middleware for webpack-dev-server that enables hot-swapping proxy configurations and mock data without restarting your dev server. | 为 webpack-dev-server 设计的动态代理中间件,支持无需重启服务即可热更新代理配置和 mock 数据。
Commit Genius 是一个简单的命令行工具,它会读取你暂存区(staged)的代码变更,利用 Google Gemini AI 模型自动生成一条符合 Conventional Commits 规范的提交信息。 🌟 功能亮点 全自动分析:自动读取 git diff --staged 的内容,无需手动复制粘贴。
🚀 A simplified webpack bundler using Rust. High-performance JavaScript bundling with Rust and Node.js 一个基于Rust的简化版Webpack打包器。采用Rust实现高性能JavaScript Bundler
一个高性能的 JavaScript/TypeScript 代码转换器,基于 Rust 和 SWC
Rust构建简易实时聊天系统
⚡️ V8-RS 是一个基于 Rust 实现的最小可行版本 JavaScript 引擎,采用 JIT(Just-In-Time)编译技术。该引擎结合了解释执行和编译执行的优势,通过 Ignition 风格的字节码解释器快速启动,并通过 TurboFan 风格的优化编译器提升热点代码的执行性能。
30 seconds to collect useful rust snippet.
Visualize Monorepo dependencies, support multi format output and intelligent analysis; 可视化 monorepo 依赖关系,支持多格式输出和智能分析
go100
Instant messaging system by golang
go-enjoy
《Electron桌面客户端应用程序开发入门到原理》专栏
AI
Sunny-117
🍻 前端服务监控原理与手写开源监控框架SDK
🌱 Featherlight Module Bundler | ⚡ Second-Level Build Speed | 🌳 Intelligent Tree-Shaking 🌱 轻量模块打包器 | ⚡ 秒级构建 | 🌳 智能Tree-Shaking
掘金专栏 前端工具链 代码仓库 掘金专栏地址:https://juejin.cn/column/7287224080172302336
mini-formily
Rollup core and plugins
WebContainer IDE is a production-ready, browser-based development environment that brings the full power of Node.js to your browser. Built on StackBlitz's WebContainer technology, it enables developers to code, build, and preview applications without any server infrastructure.
使用 Github Actions 来完成自动创建 issues 任务
前端业务代码工具库,提供模块化、高性能的 JavaScript 实用工具函数。
一个强大且灵活的 JSON 可视化差异对比 SDK,采用可插拔的渲染器架构设计,支持实时编辑预览和多种扩展类型。
MicroFE
✨ 基于 Rust 的轻量级的 macOS 菜单栏笔记应用,随时记录你的想法。
A component that maintains component state and avoids repeated re-rendering.
Detect circular dependencies in modules compiled with Rspack
StreamSight 是一个基于 rrweb 的用户行为录制与回放系统,采用 Monorepo 架构,支持高效的事件采集、压缩存储和安全回放。
A modern, modular, and extensible HTTP request library for JavaScript/TypeScript applications. Built with a clean architecture that supports multiple HTTP implementations and advanced features like caching, retries, interceptors, and more.
⚡️ TypeScript Execute | The easiest way to run TypeScript in Node.js with Rolldown
Node.js 工具包
A fast implementation of nodemon in Rust. This tool automatically restarts your Node.js application when file changes are detected.
An ultra fast and easy-to-use TypeScript/JavaScript compiler
pkg