I think as long as the forms do not overlap, I can split them up.
That way, each format generator component can be separated into its own custom component
Of course the definition of the values props passed down will be handled by the parent component
But I could also just use a React.Context for that
Wow, I wonder if this is actually the use for React.Context
I.e.
Persona Particular -> 1 tsx file
Report Sick -> 1 tsx file (Output and link also in the tsx file)
Outcome -> 1 tsx file
The page still has to thought of as 1 whole
But atleast this way, you can have some level of abstraction.
I think as long as the forms do not overlap, I can split them up. That way, each format generator component can be separated into its own custom component
Of course the definition of the values props passed down will be handled by the parent component But I could also just use a
React.Context
for that Wow, I wonder if this is actually the use forReact.Context
I.e. Persona Particular -> 1 tsx file Report Sick -> 1 tsx file (Output and link also in the tsx file) Outcome -> 1 tsx file
The page still has to thought of as 1 whole But atleast this way, you can have some level of abstraction.