React functional component

2020.04.28 | 조회수 356
Eugene Joo
WASD3R
리액트 쓰시는 분들 react functional component 많이들 쓰시나 궁금합니다. 최근 1-2년 사이에는 class 베이스에서 functional 로 넘어가는게 유행인 것 같긴 한데 퍼포먼스 측면에서는 큰 차이는 없는 것 같습니다. 처음에 setState() 나 hook 같은 부분을 잘 이해하는게 중요한 것 같구요. 저희는 요새 styling 도 jsx 안에서 해보는 것을 시도해보고 있습니다. ```.jsx const detailContents = styled.div` padding: 10px; `; ``` 뭐 이런 식인거죠. 이렇게 하면 대개 (foo.jsx, foo.scss) pair 로 파일이 늘어나는데, 반으로 줄일 수 있게 됩니다. jsx 파일 크기가 대신 커지지만, 스타일이 간단한 파일의 경우에는 굳이 파일 하나를 새로 안만들어도 되어서 비교적 가볍게 갈 수 있다는 장점이 있습니다. js 쪽은 커뮤니티 변화가 워낙 빠르고 활발하다보니 유행도 자주 바뀌는 것 같습니다. 다른 분들은 어떤 소소한 팁/습관이 있는지 궁금하네요!
닉네임으로 등록
등록
전체 댓글 3

리멤버 회원이 되면 모든 댓글을 보실 수 있습니다

로그인
회원가입
김커뮤니티
@멘션된 회사에서 재직했었음
BEST회사에서 풀지 못한 고민, 여기서 회사에서 업무를 하다가 풀지 못한 실무적인 어려움, 사업적인 도움이 필요한 적이 있으셨나요? <리멤버 커뮤니티>는 회원님과 같은 일을 하는 사람들과 이러한 고민을 해결할 수 있는 온라인 공간입니다. 회원 가입 하고 보다 쉽게 같은 일 하는 사람들과 소통하세요
2020.07.01
154
김커리어
@멘션된 회사에서 재직 중
BEST리멤버 회원을 위한 경력 관리 서비스, 리멤버 커리어를 소개합니다. 당장 이직 생각이 없어도, 좋은 커리어 제안은 받아보고 싶지 않으신가요? <리멤버 커리어>는 리멤버에서 새롭게 출시한 회원님들을 위한 경력 관리 서비스 입니다. 능력있는 경력직 분들이 <리멤버 커리어>에 간단한 프로필만 등록해두면, 좋은 커리어 제안을 받아 볼 수 있습니다. 단 1분의 투자로 프로필을 등록해두기만 하면, 기업인사팀이나 헤드헌터가 회원님께 꼭 맞는 제안을 직접 보내드립니다. 지금 바로 <리멤버 커리어>에 프로필을 등록하고, 새로운 기회를 만나보세요!
2020.07.01
21
대표전화 : 02-556-4202
06235 서울시 강남구 테헤란로 134, 5층
(역삼동, 포스코타워 역삼) (대표자:최재호)
사업자등록번호 : 211-88-81111
통신판매업 신고번호: 2016-서울강남-03104호
| 직업정보제공사업 신고번호: 서울강남 제2019-11호
| 유료직업소개사업 신고번호: 2020-3220237-14-5-00003
Copyright 2019. Remember & Company All rights reserved.