---
title: "Discussion on \"Separation of Concerns in React –How to Use Container and Presentational Components\" | Hashnode"
description: "Discussion on \"Separation of Concerns in React –How to Use Container and Presentational Components\". Many new React developers combine logic and presentation inside the same React component. And they may not know why it's important to separate these two – they just want to make it work. \nBut later, they'll find that they need to make changes to the ..."
url: "https://hashnode.com/posts/separation-of-concerns-react-container-and-presentational-components/66bb55554c9d249e52882f2f"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Separation of Concerns in React –How to Use Container and Presentational Components](https://freecodecamp.org/news/separation-of-concerns-react-container-and-presentational-components?utm_source=hashnode&utm_medium=feed)

Many new React developers combine logic and presentation inside the same React component. And they may not know why it's important to separate these two – they just want to make it work. But later, they'll find that they need to make changes to the ...

Dec 6, 2022 · 8 min read · freecodecamp.org  
Read the article

-   [#components](https://hashnode.com/tag/components)
-   [#hooks](https://hashnode.com/tag/hooks)
-   [#react](https://hashnode.com/tag/react)

## Written by

[Keyur Paralkar](https://hashnode.com/@keyurparalkar)

@keyurparalkar

  
[View profile](https://hashnode.com/@keyurparalkar)

Typescript fanatic, Frontend Engineer, volunteering at @jslovers\_del , and Swimmer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.