| Understand when to translate JSX 1:1 vs restructure |
Overview |
Convert conditional rendering (&&, ternary, ??) |
Conditional Rendering |
Convert .map(), .filter(), .slice() loops |
Loops & Iteration |
| Map React props to Twig variables and component.yml |
Props to Twig Variables |
| Convert children/slots to Twig blocks |
Children & Slots |
| Handle onClick, onChange, event handlers |
Event Handlers |
| Translate component composition patterns |
Component Composition |
| Convert className, CSS Modules, Tailwind, CVA |
Styling Translation |
| Turn a TypeScript interface into component.yml |
TypeScript to Component.yml |