Examples
These examples show how TSX source maps to generated Terraform HCL.
Each page highlights the parts that matter for learning react-hcl: component composition, refs, expression helpers, direct HCL body text, and generated output.
Example List
| Example | Shows |
|---|---|
| Module Composition | Module refs, module outputs, and depends_on. |
| Static Website | S3, CloudFront, variables, refs, helpers, and HCL body text. |
| ECS Fargate | Composite components for network, ALB, listener, and ECS service concerns. |
| VPC Network | TypeScript loops and composite network components. |