$ show ReactTraining/react-workshop
This repository is a comprehensive React workshop containing three main applications: a vacation search SPA, an e-commerce store using React Router's data APIs (loaders/actions), and a Next.js app demonstrating React Server Components. It also includes extensive course materials covering React fundamentals, advanced hooks, form abstractions, and performance optimization. The applications showcase modern React patterns including context API, custom hooks, component composition, and data fetching evolution from useEffect to React Query to loader functions.
The LLM identified 3 files worth highlighting for reuse:
A simple, reusable card component that accepts children and className props. Demonstrates a primitive UI component that can be easily extracted and reused in any project without dependencies on other internal modules.
A heading component that renders heading levels (h1-h6) based on a level prop, with optional className for styling. Shows a reusable typography component that encapsulates semantic HTML and styling concerns.
A data access layer that abstracts JSON Server API calls into resource-specific functions (e.g., getProducts, getProduct). Demonstrates a clean separation of data concerns that can be adapted to any RESTful API with minimal changes.