리액트 컴포넌트 어떤식으로 분리해..??

게시된 카테고리 개발/코딩

기본 개념들 다 익히고 이제 클론코딩 하면서 제대로 프로젝트 해보려는데 보통 기능별로 컴포넌트 다 분리하고 App.js엔 되도록 코드 줄줄이 안하는식이야..?  

이 구조를 아직 잘 이해못하겠어ㅜ 헤더푸터 이런건 그냥 App.js에 그대로 하는지.. 

지금 html/css/js로 클론코딩 다 해둔걸 리액트로도 해보는건데 어떤식으로 분리해서 해야되는지 감이 안잡히는데 인강 하나 들어야하나ㅜ

[익인1]

컴포넌트 자체가 재활용 많이 되거나 재활용 안해도 그 안에서 많은 로직 처리해야된다 싶으면 분리! 주관적인 분야니까는 첨부터 너무 스트레스 받지는 마 인강 듣는거 좋긴함

[글쓴이]

댓 고마워 그럼 헤더나 푸터같은 건 굳이 컴포넌트로 분리 안하고 그냥 html에서 하듯이 App.js에 그대로 적는게 일반적일까..?!

[익인1]

헤더나 푸터는 보통 컴포넌트 분리해서 app.js에 넣긴ㄴ함

[글쓴이]

아하 어렵다ㅜㅜ 고마워!!

[익인2]

다른곳에서 또 쓸거같은거만 컴포넌트로 뺌

[익인3]

헤더 푸터 레이아웃이라 따로 컴포넌트로 빼내지 않나 거의 모든 페이지에서 반복되잖아

[익인4]

재사용성 생각해서 분리하는 것도 있는데 나는 가독성 높이기위해서 분리하기도 하는 듯
한 파일에 코드가 너무 많이 적혀져있으면 가독성 떨어지자너