The book

The whole glossary, bound. Each of the 45 chapters takes one term and gives it the same shape: the term at a glance, the key insight, the full explanation, a worked example from the chota-* boilerplates, the common mistakes, and the best practices with the quality gates to check before you call the work done. The best practices are the same Agent Skills a coding agent is given, so the book and the agent follow one standard.

The book · free PDF

Elegant Frontend

Every term on this site and its best practices in one book: what it is, a worked example, the common mistakes and the quality gates, in 45 chapters.

• Part I: The UI Side16 terms
• Part II: The Server Side20 terms
• Part III: The State Side9 terms

Download the PDF

354 pages · 3.6 MB · updated October 2026

Contents

Part I: The UI Side (page 6)

1. Element Ch. 1
2. DOM Ch. 2
3. Attributes Ch. 3
4. Component Ch. 4
5. Props Ch. 5
6. Events Ch. 6
7. Atomic Design Ch. 7
8. Atom Ch. 8
9. Molecule Ch. 9
10. Skeleton Ch. 10
11. Organism Ch. 11
12. Template Ch. 12
13. Story Ch. 13
14. Theme Ch. 14
15. RWD Ch. 15
16. Accessibility Ch. 16

Part II: The Server Side (page 103)

17. Containers Ch. 17
18. Widget Ch. 18
19. App Shell Ch. 19
20. Index HTML Ch. 20
21. Router Ch. 21
22. Page Ch. 22
23. Proxy Ch. 23
24. SSR Ch. 24
25. SSG Ch. 25
26. Protocol Ch. 26
27. MFE Ch. 27
28. SEO Ch. 28
29. API Services Ch. 29
30. Session Ch. 30
31. Auth Ch. 31
32. Forms Ch. 32
33. Link Navigation Ch. 33
34. Images Ch. 34
35. Localization Ch. 35
36. PWA Ch. 36

Part III: The State Side (page 309)

37. State Basics Ch. 37
38. Store Ch. 38
39. Actions Ch. 39
40. CRUD Ch. 40
41. AJAX Ch. 41
42. Reducer Ch. 42
43. Operations Ch. 43
44. Selectors Ch. 44
45. Middleware Ch. 45