feat: Add Node.js Ecosystem learning module#12
Merged
Conversation
Add a complete new learning module covering the Node.js ecosystem with 10 sections and 8 interactive SVG visualizations. Sections: - Introduction — overview, stats, company examples, learning journey - Event Loop — 5-phase architecture, microtasks, libuv thread pool - Async Programming — callbacks, promises, async/await evolution - Buffers & Streams — Buffer API, 4 stream types, backpressure - Scaling — Cluster vs Worker Threads, PM2, comparison table - Memory Management — V8 heap, Minor/Major GC, memory leak patterns - Module System — CommonJS vs ESM syntax, tree-shaking, live bindings - Package Managers — npm vs Yarn vs pnpm architecture and trade-offs - Frameworks — Express, Fastify, NestJS, Koa, Hono comparison - Runtime Wars — Node.js vs Deno vs Bun benchmarks and decision guide Visualizations: - EventLoopViz — animated 5-phase loop with microtask queue - StreamsBuffersViz — streaming pipeline with backpressure demo - ClusterVsWorkerViz — tabbed cluster vs worker threads comparison - V8MemoryViz — interactive V8 heap with GC trigger controls - PackageManagerViz — npm/yarn/pnpm install simulation - ModuleSystemViz — CJS vs ESM step-through loading - RuntimeComparisonViz — Node vs Deno vs Bun architecture comparison - FrameworksViz — Express/Fastify/NestJS/Koa/Hono performance bars Integration: - Add 'nodejs' color scheme (green/emerald/lime) to theme.ts - Add lazy-loaded /nodejs route in App.tsx - Add Node.js to Header navigation (Frameworks group) - Add 10 sidebar entries + getSectionFromPath + green color in Sidebar.tsx - Add Node.js module card to Home page - Update stats to 12+ modules, 78+ visualizations - Update README with Node.js Ecosystem module info
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🚀 Node.js Ecosystem Learning Module
A complete new learning module covering the Node.js ecosystem — from Event Loop internals to the runtime wars between Node.js, Deno, and Bun.
📋 Summary
This PR adds a full-featured Node.js Ecosystem module with 10 educational sections and 8 interactive SVG visualizations, following the existing feature module architecture. It also updates navigation, theming, the home page, and documentation.
📚 Sections (10)
process.nextTick(), libuv thread pool🎨 Visualizations (8)
🔧 Integration Changes
src/utils/theme.ts— Addednodejscolor scheme (green/emerald/lime)src/App.tsx— Added lazy-loadedNodeJSPageimport and/nodejsroutesrc/components/Header.tsx— Added Node.js to Frameworks navigation group withServericon; updatedgetActiveColor()for/nodejssrc/components/Sidebar.tsx— Added 10 sidebar section entries for/nodejs; added'nodejs'togetSectionFromPath()return type; addedgreencolor togetThemeColorClass()src/pages/Home.tsx— Added Node.js Ecosystem module card; updated stats from 11+ → 12+ modules and 70+ → 78+ visualizations; added to learning path Phase 4; updated SEO descriptionREADME.md— Updated module count and added Node.js Ecosystem to feature list📁 Files Added (21 new files)
✅ Checklist
tsc -b)SectionLayout,ThemeCard,CTASectionshared componentsdark:classes)