DEV Community

Discussion on: React Tips & Patterns

Collapse
 
briang123 profile image
Brian Gaines

I feel like you could go further and refactor by passing an array of components that you'd want to render into a dashboard container. The container itself could use Flexbox or Grid to stylize the render and not carrying which component is coming in.

Given this, I would create template containers that are specific to its context vs. passing 4 different contexts to a dashboard and having the dashboard responsible for the UI. I feel it would be much more modular as a result.

Collapse
 
mychi_darko profile image
Michael Darko

If I get you right, you mean a different container for every segment, so you don't mix up different contexts, correct? I do that for really big components or when I need to fetch stuff separately or just make a reusable block of code for multiple pages. Otherwise, I just stick to something similar to what I did above.

Collapse
 
briang123 profile image
Brian Gaines

Cool....Yup. Separation of concerns and isolating functionality to its own container that you can just pass around and use wherever.