react-native 에서의 atomic 패턴에 대해 질문드립니다.

Question

리액트를 공부하다 입사 후 처음만난 리액트 네이티브를 사용하는 과제에서 가루가 되도록 까인 신입 개발자입니다! 금일 코드리뷰에서 피드백 주셨던 내용 중 컴포넌트 관리에 아토믹 패턴을 이용해보라는 피드백을 해주셨는데 궁금한 부분이 있어 선배님들께 질문드립니다. 현재 이해한 바로는 아토믹 디자인 패턴은 단위에 따라 원자, 분자, 유기물, 템플릿으로 이루어지고, 템플릿에 실질적인 데이터를 전달하고 그려내면 페이지라고 한다. 정도입니다.그렇다면 리액트 네이티브 스크린 내에서 아토믹 디자인 패턴을 지키기 위해서는 어떻게 해야하는지 그 기준에 대해 헷갈리는 부분이 생겼습니다. 결국 템플릿은 하위 레벨의 컴포넌트들이 모인 것이 되는데, 템플릿 컴포넌트에 하위 컴포넌트를 모으는 것과, 스크린 컴포넌트에 하위 컴포넌트를 모아 구성하는 것이 크게 다른가? 라는 고민입니다.오히려 템플릿으로 구성하게 되면 데이터를 가공하는데에 더 수고가 들지 않을까 싶기도하구요. 1. 템플릿으로 구성한 컴포넌트를 스크린에 전달하고, 스크린에서 데이터 만을 전달하여 스크린을 렌더링하는 것이 맞다. 2. 스크린에서 분자 혹은 유기물 단위의 컴포넌트를 가져와 데이터를 이용하여 스크린을 렌더링해도 아토믹 패턴에 해당한다.3. 두 경우 모두 사용된다. 위의 내용 중 어떤 것이 더 잘 이해한 것인지, 혹은 어떤 방식이 실무 프로젝트에서 더 자주 사용 되는지에 대한 경험을 공유해주시면 참고하여 개념을 잡는데 큰 도움이 될 것 같습니다.미리 감사드립니다!

react-native 에서의 atomic 패턴에 대해 질문드립니다.

0개의 답변

#atomic 목록