DEV Community

Discussion on: React Clean Code - Simple ways to write better and cleaner code

pozda profile image
Ivan Pozderac

great remark, I will have to do my own research on that as your comment gave me some ideas and a different perspective on the whole thing.

Thread Thread
adamashored profile image
adam-ashored • Edited on

By the way, this is far from a "novel" pattern, but it sounds like it might be a lightbulb moment for you in terms of separating concerns.

Take a look at some very popular conditional components that you've probably already used:

MaterialUI's Hidden component:

It uses the theme context internally and the media-query props you provide it to determine if a child should be rendered.

React Router's Route component:

It uses the router context and the path parameter you pass in to determine if the child (or render of Component props) should be rendered.