재호팀 컨벤션 - prgrms-fe-devcourse/FEDC2_Shallenge_Jaeho GitHub Wiki
| 코드의 통일성, 가독성을 위한 컴포넌트 컨벤션 정의을 했습니다
- eslint가 자동화
- 컴포넌트 props 타입은
interface
로 정의 - 이름은 "Props"로 통일
const Component = () => { }
- Chakra UI 라이브러리를 사용하는 경우에는
in-line
으로 스타일링 - emotion을 사용하는 경우에는 export default 아래에 코드를 작성
- useQuery를 사용할지 useMutation을 사용할지는 기준은 논의 후 결정
- 한 번만 사용되는 경우에는 직접 useQuery를 호출하여 사용
import { Avatar, Box, Flex, Heading, Text } from "@chakra-ui/react";
// import 정렬 : eslint로 자동화
interface Props{
}
// "Props" 인터페이스 사용
// const 컴포넌트 형식
// function 형식(X)
const Comment = ( props: Props) => {
return (
<> </>
);
};
export default Comment;
// style 코드는 가장 아래에
const style = emotion.div``;