[%] 리액트 첨 하는데 이거 맞냐

[익명(218.39)]

목록 페이지 하나 만들어 보는데

검색기능이랑 리스트 페이징 이정도만 만드는데

아이콘 같은거 임포트 하고 그러니까 임포트만 10줄에

코드가 300줄 400줄 이러는데

이거 잘못 만든거지?

내가 만든게 아니라 gpt가 만든건데

[elysiaJS(14.5)]

리엑트 기본적인 기능은 숙지하고 코드따라가보셈 아닌지 맞는지 알수있겟지

[아르마다(dcnew2020)]

컴포넌트로 빼서 코드 줄여보셈

[익명(211.112)]

프론트가 할 일은 return 되는 view파트랑 state 관리하는 logic파트를 커스텀훅으로 분리하는 게 기본이야, 이렇게 해야 나중에 state가 많아졌을 때 관리도 편하고 테스트나 버그 해결도 빠름. 반대로 학부생이나 취준생이 많이하는 실수인데 어디서 들은 건 있어가지고 컴포넌트만 무지성으로 분리하고 logic 분리 같은 다른 부분은 고려를 안 하고 흔히 말하는 스파게티 코드 돼서 수정 불가능해짐. 수정이 매우 잦은 프론트 특성상 수정이 어려운 코드가 치명적인 거고, 코드가 직관적으로 이해되게 간결하게 작성하면서도 수정도 매우 빠르고 편하게 가능한 코드가 프론트 개발자가 지향하는 지점임

[익명(211.112)]

단순히 리액트 '사용법' 은 그냥 html/css/js랑 다를 게 없어서, 바닐라웹처럼 리액트 쓰면 속도만 느려지고 의미 없음

[익명(218.39)]

오키..어렵네

[스벨트(211.117)]

그게 리액트야