web-developmentlisted

# Web Development Skill > Fundamentals of modern web development. Framework selection (React, Vue, Next.js), project architecture, state management, routing, build tools, and CSS strategy best practices. ## Table of Contents ### Fundamentals (this file) 1. [Overview](#overview) 2. [When to Use](#when-to-use) 3. [Framework Selection](#framework-selection) 4. [Project Structure](#project-structure) 5. [Development Environment](#development-environment) 6. [Practical Examples](#practical-examples) 7. [Anti-patterns](#anti-patterns) ### Detailed Guides 1. [Framework Selection — Complete Guide](./docs/01-framework-selection/framework-selection-complete.md) 2. [State Management — Complete Guide](./docs/02-state-management/state-management-complete.md) 3. [Project Architecture — Complete Guide](./docs/03-project-architecture/project-architecture-complete.md) --- ## Overview This skill covers modern web development fundamentals: - **Framework selection** — React, Vue, Next.js, Remix, etc. - **Project architecture** — Directory structure, file naming conventions - **State management** — Context API, Redux, Zustand, Jotai - **Routing** — React Router, Next.js App Router - **Build tools** — Vite, Webpack, Turbopack - **CSS strategy** — Tailwind CSS, CSS Modules, Styled Components ## Official Documentation - **[MDN Web Docs](https://developer.mozilla.org/)** — Comprehensive web technology reference - **[React Documentation](https://react.dev/)** — React library - **[Next.js Doc