Frontend

A domain covering UI construction, styling, and component design.

Start with either the React Guide or the Vue Guide. Reading one start to finish makes the ideas stick better than sampling both, and the Vue Guide also caters to readers who know React and want to see where the design thinking differs. Styling is handled by the Tailwind CSS Guide, which you can read alongside either framework. The shadcn/ui Button guide comes after you can already build components in React, so leave it for last.

Guide	What it covers	Who it's for
React Guide	Components, Hooks, state management, data fetching, performance, and Next.js	Beginner to intermediate. Assumes HTML/CSS and JavaScript basics
Vue Guide (the Japanese original for now)	How reactivity works, component design, Vue Router, Pinia, and Nuxt	Beginner to intermediate. Assumes HTML/CSS and JavaScript basics
Tailwind CSS Guide	The utility-first approach, Flexbox/Grid, responsive design, and dark mode	Beginner to intermediate. Assumes HTML/CSS basics
Designing a Design System with the shadcn/ui Button	Design tokens, cva, cn, and Radix Slot, all through a single Button	Intermediate. Assumes React basics and some exposure to Tailwind CSS