Form Factory’s three-tiered training curriculum for Hydrogen development. Resources are scoped by project (All, ELF, Spanx, Boll & Branch) and progress from foundational to advanced. Complements core-skills-training which covers general professional skills.

Level 1 — Foundations

Core technologies every engineer must learn. All apply to every project.

ResourceType
Build a Custom Storefront with HydrogenCourse
Claude Code EssentialsCourse
Hydrogen and Oxygen docsDocs
Managing Pull Request SizeGuide
React Learn (4 sections: Describing UI, Interactivity, State, Escape Hatches)Docs
React Router (Framework Mode)Docs
TypeScript HandbookDocs

The PR size guide reinforces the limits in pull-request-guidelines.

Level 2 — Project-Specific Tools

Deeper knowledge of the libraries and tools used across projects.

ResourceTypeProjects
Class Variance Authority (CVA)DocsSpanx
ConformDocsSpanx
Epic ReactCourseAll
Full Stack FoundationsCourseAll
Git TownDocsAll
GraphQLDocsAll
i18nextDocsELF, Spanx
Radix PrimitivesDocsBoll & Branch, ELF, Spanx
SanityDocsBoll & Branch, Spanx
shadcn/uiDocsSpanx
StorybookDocsAll
TailwindDocsSpanx
VitestDocsAll
ZodDocsAll

Level 3 — Advanced & Testing

Specialized courses with a heavy emphasis on testing (5 courses from Epic Web).

ResourceTypeProjects
CSS for JavaScript DevelopersCourseAll
Headless at Shopify for Business ConsultantsCourseAll
Mocking Techniques in VitestCourseAll
Pixel Perfect Figma to TailwindCourseSpanx
React Component Testing with VitestCourseAll
Shopify AppsDocsAll
Shopify Editions 2025MasterclassAll
Solution Planning FundamentalsCourseAll
Testing FundamentalsCourseAll
Testing Fundamentals in TypeScriptCourseAll
Testing JavaScriptCourseAll
TypeScript 5+ Fundamentals, v4CourseAll
Web Application TestingCourseAll