복합 SaaS에 대한 반응 + 환원
"이제 막 우리가 개발하고 있는 복잡한 SaaS를 위한 리액션 + 리듀렉스 프런트엔드로 시작하고 있다.
"한 가지 확신할 수 없는 것은 대형 어플리케이션에 대해 매장(Redex에서)이 어떻게 작동해야 하는지에 대한 것이다.우리가 개발하고 있는 시스템은 많은 테이블과 매우 복잡한 데이터 구조를 가지고 있다.만약 내가 모든 환원기를 응용 프로그램의 모든 부분에서 데이터를 넣는다면, 그것은 너무 많을 것이다.
응용 프로그램의 특정 부분에 대해 일부 환원기를 활성화/비활성화할 수 있는가?아니면 다른 환원기로 구성된 다른 매장이 있어야 할까?온라인에서 본 예시는 대부분 꽤 간단해서, 매장에 항상 모든 데이터가 있는 것도 괜찮았다.
또 다른 질문:로딩하려는 페이지에 필요한 요청을 깔끔하게 할 수 있는 방법이 무엇일까?예를 들어, 표 "사용자", "영화" 및 "설정"에 대한 정보를 각각 요구하는 구성요소 A, B, C가 있다고 가정합시다.한 페이지에는 구성요소 A&B가 있고, 다른 페이지에는 구성요소 B&C가 있는데, 특정 구성요소의 "필수"에 근거하여 필요한 데이터만 얻을 수 있는 도구가 있는가?아니면 수작업으로 하는 것인가?
"다시 말하지만 이제 막 react+remensx를 배우기 시작했는데, 새로운 질문들에 대해 미안하다.
고마워!
Redex의 관용적 용도는 하나의 상점을 갖는 것이지만, 일부에서는 애플리케이션을 별도의 연결되지 않은 부품으로 분할할 수 있다면 별도의 상점을 고려할 수 있다.
일반적인 관행은 환원기를 구성하는 것이다. (내가 생각하기에 당신이 제안한 것처럼) 위계적으로 만들 수 있기 때문에 환원기는 다른 몇 개로 구성될 수 있다.Redex는 이렇게 쪼개지면 꽤 성능이 좋다.
나는 당신의 상태에 대해 신중하게 생각할 것이다; 가능한 한 그것을 정상화시키는 것은 매우 중요하며, 만약 당신이 많은 양의 데이터를 가지고 있다면, 어레이보다 개체를 선호하는 것 또한 개별 항목에 접근할 때 도움이 될 것이다.
상태를 고도로 정규화할 수 있는 경우 렌더링할 때 선택기를 사용하여 보기 데이터를 추출할 수 있으며, 다시 선택과 같은 libarray는 성능을 향상시키는 기능을 다시 메모한다.
이것은 좋은 읽을거리 입니다.
http://www.thinkloop.com/article/extreme-decoupling-react-redux-selectors/
참조URL: https://stackoverflow.com/questions/40804771/react-redux-for-a-complex-saas
'Programing' 카테고리의 다른 글
반응의 onClick 이벤트에 대한 TypeScript 인터페이스 서명JS (0) | 2022.03.24 |
---|---|
관찰이 완료될 때까지 기다리십시오. (0) | 2022.03.24 |
ScrollView에 대해 영구적으로 표시되는 스크롤 막대(Native React Native) (0) | 2022.03.24 |
왜 람다에서는 인쇄가 안 되는가? (0) | 2022.03.24 |
TypeError: Python3에서 파일에 쓸 때 'str'이 아니라 바이트와 같은 개체가 필요함 (0) | 2022.03.24 |