II.
SkillArea overview
Reference · liveskill-area:frontend-development
Frontend Development overview
Building modern web frontend applications — component architecture, state management, routing, API integration, accessibility, and performance optimization using React, Vue, Svelte, and similar frameworks.
Attributes
displayName
Frontend Development
description
Building modern web frontend applications — component architecture, state
management, routing, API integration, accessibility, and performance
optimization using React, Vue, Svelte, and similar frameworks.
domains
expertiseLevels
- intermediate
- expert
Outgoing edges
applies_to1
- domain:web-development·DomainWeb Development
prerequisite_for_learning22
- skill-area:react-state-management·SkillAreaReact State Management
- skill-area:frontend-performance·SkillAreaFrontend Performance
- skill-area:android-native·SkillAreaAndroid Native Development
- skill-area:ios-native·SkillAreaiOS Native Development
- skill-area:animation-transitions·SkillAreaAnimation and Transitions
- skill-area:application-state-management·SkillAreaState Management
- skill-area:web-accessibility·SkillAreaWeb Accessibility (a11y)
- skill-area:web-performance·SkillAreaWeb Performance Engineering
- skill-area:frontend-routing·SkillAreaFrontend Routing
- skill-area:form-management·SkillAreaForm Management
- skill-area:data-fetching-caching·SkillAreaData Fetching and Caching
- skill-area:ui-styling·SkillAreaUI Styling
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:server-side-rendering·SkillAreaServer-Side Rendering
- skill-area:progressive-enhancement·SkillAreaProgressive Enhancement
- skill-area:browser-compatibility·SkillAreaBrowser Compatibility
- skill-area:vue-components·SkillAreaVue Component Design
- skill-area:react-components·SkillAreaReact Component Design
- skill-area:frontend-testing·SkillAreaFrontend Testing
- skill-area:ui-component-libraries·SkillAreaUI Component Libraries
- skill-area:internationalization·SkillAreaInternationalization & Localization
- skill-area:web-scraping·SkillAreaWeb Scraping
Incoming edges
library_used_by7
- library:go-router·LibraryGoRouter
- library:stimulus-reflex·LibraryStimulusReflex
- library:hotwire-turbo·LibraryHotwire Turbo
- library:leptos·LibraryLeptos
- library:filament·LibraryFilament
- library:inertia-laravel·LibraryInertia.js (Laravel Adapter)
- library:ramda·LibraryRamda
prerequisite_for_learning1
- skill-area:micro-frontend-architecture·SkillAreaMicro-Frontend Architecture
requires_skill_area47
- stack-profile:ecommerce-nextjs·StackProfileE-Commerce Stack (Next.js, Stripe, Shopify, PostgreSQL, Redis)
- stack-profile:content-management-platform·StackProfileContent Management Platform (Strapi/Directus + Next.js + PostgreSQL)
- stack-profile:blockchain-dapp·StackProfileBlockchain DApp (Solidity + Hardhat + ethers.js + React + IPFS)
- stack-profile:saas-starter·StackProfileSaaS Starter Stack (Next.js, Prisma, Stripe, Auth.js, Tailwind)
- stack-profile:internal-dashboard·StackProfileInternal Dashboard Stack (React, Recharts, Express, PostgreSQL, Redis)
- stack-profile:social-media-platform·StackProfileSocial Media Platform Stack (React, GraphQL, PostgreSQL, Redis, Elasticsearch)
- stack-profile:project-management-app·StackProfileProject Management App Stack (React, WebSocket, PostgreSQL, Redis, Docker)
- stack-profile:crm-customer-platform·StackProfileCRM / Customer Platform Stack (Next.js, PostgreSQL, Redis, Elasticsearch, Stripe)
- stack-profile:learning-management-system·StackProfileLearning Management System Stack (Next.js, PostgreSQL, S3, Stripe, React)
- stack-profile:chat-messaging-platform·StackProfileChat / Messaging Platform Stack (React, Socket.io, Redis, PostgreSQL, TypeScript)
- stack-profile:analytics-dashboard·StackProfileAnalytics Dashboard Stack (React, D3, Recharts, Python, FastAPI, Grafana)
- stack-profile:static-site-cdn·StackProfileStatic Site + CDN Stack (Astro, Markdown, Cloudflare Workers, TypeScript)
- stack-profile:headless-cms-ssg·StackProfileHeadless CMS + SSG Stack (Strapi, Astro, PostgreSQL, Cloudflare Workers, TypeScript)
- stack-profile:prompt-engineering-workbench·StackProfilePrompt Engineering Workbench (TypeScript, React, PostgreSQL, LLM APIs, Redis)
- stack-profile:documentation-site·StackProfileDocumentation Site Stack (Docusaurus/VitePress, MDX, Algolia, GitHub Actions, Vercel)
- stack-profile:storybook-design-system·StackProfileStorybook Design System Stack (React, Storybook, Chromatic, Tailwind, TypeScript)
- stack-profile:progressive-web-app·StackProfileProgressive Web App Stack (Next.js, Workbox, IndexedDB, Tailwind, TypeScript)
- stack-profile:cross-platform-desktop·StackProfileCross-Platform Desktop Stack (Tauri, React, SQLite, Rust, TypeScript)
- stack-profile:email-marketing-platform·StackProfileEmail Marketing Platform (Node.js, SendGrid, Redis, PostgreSQL, React, S3)
- stack-profile:podcast-audio-platform·StackProfilePodcast / Audio Platform (Python, FastAPI, React, PostgreSQL, S3, Redis)
- stack-profile:restaurant-pos-system·StackProfileRestaurant / POS System (React, Node.js, Stripe, PostgreSQL, WebSocket, Docker)
- stack-profile:booking-scheduling·StackProfileBooking / Scheduling (Next.js, Prisma, Stripe, Redis, TypeScript)
- stack-profile:survey-forms-platform·StackProfileSurvey / Forms Platform (React, FastAPI, PostgreSQL, Redis, S3, TypeScript)
- stack-profile:digital-signage·StackProfileDigital Signage (React, Electron, Node.js, WebSocket, Redis, S3)
- stack-profile:inventory-management·StackProfileInventory Management (Python, FastAPI, PostgreSQL, Redis, React, Docker)
- stack-profile:ticketing-event-platform·StackProfileTicketing / Event Platform (Next.js, Stripe, PostgreSQL, Redis, S3, TypeScript)
- stack-profile:enterprise-search-platform·StackProfileEnterprise Search (Elasticsearch, Python, React, Redis, Kubernetes, FastAPI)
- stack-profile:news-publishing-cms·StackProfileNews / Publishing CMS (Next.js, Strapi, Elasticsearch, Redis, TypeScript)
- stack-profile:photo-gallery-dam·StackProfilePhoto Gallery / DAM (React, Sharp, Boto3, PostgreSQL, Redis, FastAPI)
- stack-profile:music-streaming-backend·StackProfileMusic Streaming (Rust, Redis, PostgreSQL, Boto3, React, TypeScript)
- stack-profile:live-streaming-broadcast·StackProfileLive Streaming / Broadcast (Node.js, Redis, React, Docker, Socket.IO)
- stack-profile:lab-information-system·StackProfileLab Information System (Python, FastAPI, PostgreSQL, Boto3, React, Docker)
- stack-profile:forum-discussion-board·StackProfileForum / Discussion Board (Next.js, PostgreSQL, Redis, Elasticsearch, TypeScript)
- stack-profile:feature-flag-service·StackProfileFeature Flag Service (TypeScript, Redis, PostgreSQL, React, Docker, Prometheus)
- stack-profile:url-shortener-link-analytics·StackProfileURL Shortener / Link Analytics (Go, Redis, PostgreSQL, React, Docker)
- stack-profile:micro-frontend·StackProfileMicro-Frontend (React, Webpack, TypeScript, Docker)
- stack-profile:browser-extension·StackProfileBrowser Extension (TypeScript, React, Webpack, Vitest)
- stack-profile:django-htmx·StackProfileDjango + HTMX + Alpine
- stack-profile:nextjs-supabase-stripe·StackProfileNext.js + Supabase + Stripe
- stack-profile:mern-stack·StackProfileMERN Stack (MongoDB, Express, React, Node.js)
- stack-profile:mean-stack·StackProfileMEAN Stack (MongoDB, Express, Angular, Node.js)
- stack-profile:sveltekit-stack·StackProfileSvelteKit + Tailwind + TypeScript
- stack-profile:laravel-vue-stack·StackProfileLaravel + Vue.js + PHP
- stack-profile:remix-prisma-stack·StackProfileRemix + Prisma + PostgreSQL
- stack-profile:nuxt-supabase-stack·StackProfileNuxt + Supabase + TypeScript
- stack-profile:jamstack·StackProfileJamstack (JavaScript, APIs, Markup)
- stack-profile:t3-stack·StackProfileT3 Stack (Next.js + tRPC + Prisma + Tailwind)
tool_used_by2
- tool:tambo·ToolTambo
- tool:storybook·ToolStorybook
used_by_skill_area24
- framework:angular·FrameworkAngular
- framework:astro·FrameworkAstro
- framework:gatsby·FrameworkGatsby
- framework:redwood·FrameworkRedwoodJS
- framework:blitz·FrameworkBlitz.js
- framework:preact·FrameworkPreact
- framework:alpine·FrameworkAlpine.js
- framework:htmx·Frameworkhtmx
- framework:inertia·FrameworkInertia.js
- framework:livewire·FrameworkLaravel Livewire
- framework:stimulus·FrameworkStimulus
- framework:turbo-rails·FrameworkTurbo Rails
- framework:blazor·FrameworkBlazor
- framework:maui·Framework.NET MAUI
- framework:nextjs·FrameworkNext.js
- framework:nuxt·FrameworkNuxt
- framework:phoenix-liveview·FrameworkPhoenix LiveView
- framework:react·FrameworkReact
- framework:remix·FrameworkRemix
- framework:solid-start·FrameworkSolidStart
- framework:svelte·FrameworkSvelte
- framework:sveltekit·FrameworkSvelteKit
- framework:t3-stack·FrameworkT3 Stack
- framework:vue·FrameworkVue
used_for1
- tool:storybook·ToolStorybook