📑 Frontend Reference Docs

📚 Learning Platforms

• Inflearn
• Udemy

🧠 Coding Test Platforms

• Programmers
• Baekjoon
• LeetCode

✨ Inspiration

• Inspiration

🗺️ Roadmap

• Developer Roadmap
• Frontend Roadmap
• Frontend Beginner Roadmap

💡 Useful Resources

• MDN
• W3S
• Stack Overflow
• Toss-Frontend Fundamentals
• Toss-Bundling Fundamentals

📽 Visualization

• JavaScript Visualized Series by Lydia Hallie
• CSS Flexbox Cheatsheet (by Josh Comeau)
• CSS Grid Cheatsheet (by Josh Comeau)
• Flexbox Visual Guide (by Malven Co)
• Grid Visual Guide (by Malven Co)
• React Component Visualizer – React Flow
• Uiverse
• Learn Git Branching
• Regex 101

👩‍💻 Language

• MDN JavaScript
• Modern JavaScript EN
• Modern JavaScript KO
• TypeScript

⚛️ Library & Framework

• React
• React KO
• React Native
• Expo
• Next.js
• Vue

🎛 State Management

• Redux
• Zustand
• Recoil

🌐 Routing Libraries

• React Router
• Vue Router

📝 Form Handling

• React Hook Form
• Formik

🎨 Styling

• CSS Animation Tool – Animista
• Cubic-Bezier Visual Editor
• CSS Clip-Path Maker (by Bennett Feely)
• Sass
• Tailwind CSS
• Styled-components
• Emotion

🧱 CSS Architecture & Methodologies

• BEM
• OOCSS
• SMACSS
• Atomic CSS

🧱 UI Component Libraries

• Radix UI
• Shadcn/UI
• MUI
• Ant Design

🎞 Animation

• Framer Motion (React)
• GSAP
• Lottie
• Josh W. Comeau's Blog

🖼 Icon & Asset Tools

• Lucide
• Font Awesome
• Google Fonts
• Heroicons
• iconify
• Carbon
• Ray.so

🔌 API & Data Fetching

• Swagger UI
• Swagger UI Docs
• Swagger Editor
• Axios
• TanStack Query (React Query)
• JSONPlaceholder (Mock API)

⚙️ Bundler & Build Tools

• Vite
• Webpack

📦 Package Managers

• npm
• Yarn

🌱 Git & Version Control

• Git
• Pro Git Book
• GitHub Docs
• Git Handbook by GitHub
• Learn Git Branching

🧹 Linting & Formatting

• ESLint
• Prettier

🧪 Testing

• Jest
• Testing Library

🛝 Playground & Live Editors

• Live DOM Viewer
• CodePen
• CodeSandbox
• StackBlitz

🚀 Deployment, Hosting & Domain

• Vercel
• Netlify
• GitHub Pages
• Gabia