Skip to main content

Frontend Skills

Core Languages​

  • TypeScript / JavaScript — ใช้งานหลักทั้ง frontend และ backend
  • HTML / CSS — semantic markup, responsive layout, CSS modules

Frameworks & Libraries​

เครื่องมือหมายเหตุ
Preactproduction frontend, admin tools (antd + MobX)
Reacthooks, context, custom hooks
Next.jsApp Router, SSR/SSG
Docusaurusใช้สร้าง profile site นี้

State Management​

  • MobX — reactive state สำหรับ Preact admin apps
  • react-query — server state, caching, background refetch
  • zustand — lightweight global state

Form & Validation​

  • react-hook-form — performant form management
  • yup — schema-based validation

UI Components​

  • antd (Ant Design) — component library สำหรับ admin tools

Styling​

  • CSS Modules — scoped styles สำหรับ component
  • Tailwind CSS — utility-first, rapid prototyping

Build Tools & Quality​

  • Vite — dev server และ bundler
  • Vitest — unit testing
  • Husky — git hooks, pre-commit checks
  • npm / pnpm — package management