This repository is a collection of 14 small to medium React projects, built as part of a popular Spanish YouTube course (midudev). Each project focuses on a specific React concept or real-world pattern: from basic component state and effects (Twitter follow card, tic-tac-toe, mouse follower) to advanced topics like custom hooks, fetching data, complex state management with useReducer and useContext, TypeScript integration, routing (including a custom router), Redux Toolkit, React Query, Zustand, and CSS-in-JS with vanilla-extract. The projects are self-contained, well-structured, and progressively build complexity, making this an excellent learning resource for intermediate React developers. The code quality is professional: modern React (18), functional components, hooks, TypeScript in later projects, and some tests (Playwright, Vitest). The custom router (midu-router) is published as an npm package and demonstrates non-trivial patterns like dynamic route matching with path-to-regexp, lazy loading, and i18n. Other reusable gems include a generic debounce hook, a Redux middleware for optimistic updates with rollback, and a Zustand store with persistence. While not a single production application, the repository serves as a practical textbook of React patterns. Developers can extract individual components or hooks into their own projects with minimal adaptation.

Better SVG is a VS Code extension that provides live SVG preview, inline SVG detection, and SVGO optimization. It supports a wide range of frameworks (React, Vue, Svelte, Astro, Blade, etc.) by converting JSX/TSX and framework-specific syntax to standard SVG before optimization and back. The extension includes a webview panel with zoom, pan, color picker, and dark background toggle, as well as gutter icons and hover previews for inline SVGs in code. The core logic is well-abstracted into pure modules (svgTransform, svgPreview, svgoPlugins) that are testable and potentially reusable outside the extension. The codebase is actively maintained, has comprehensive tests, and demonstrates high craftsmanship in handling edge cases like template literal interpolations, Blade directives, and multiline closing tags.