2017-09-23 1 views
1

내가 요구 사항과 각도에 따라 같은 페이지를 작성하려한다고 가정 실패하면 전체 페이지가 하나의 오류 메시지와 함께 공백으로 돌아갑니다한 페이지의 내용 또는 분할하는 것은

어떤 방법을 선택해야합니까?
a) 각 구성 요소에 별도의 요청 (성분으로 각 부분을 분할)하고

또는 다른 선호) 병렬 HTTP 요청과 함께 (

B)는 하나의 페이지에 모든 넣어 페이지의 구성 요소를 사용하여 방법?

enter image description here

+0

'각 섹션은 다른 페이지에서 재사용하지 않습니다.'좋은 가정이 있으니까요. – misha130

+0

@ misha130이 보완입니까? – stackdisplay

답변

1

1) 이후 섹션 각각은 다른 페이지에 재사용되지는 API 중 하나 실패하면
2) 전체 페이지 것 공백 반환 단일 오류로 메시지

가장 좋은 방법은 될 것이라고해야 할 일

(병렬 HTTP 요청과 함께) 한 페이지에 넣어 모든

할 경우에 대비하여 요청의 모든 부모 - 자식 요소 통신을하지 않는 것이 방법 실패하고 한 페이지에서 전체 페이지의 상태를 처리 할 수 ​​있습니다. 또한 요청이 병렬 방식으로 전송되므로이 작업을 수행해도 페이지 로딩 시간에 영향을 미치지 않습니다.

참고 : 여러 하위 구성 요소를 만드는 것이 여전히 권장되는 유일한 시나리오는 각 구성 요소에 많은 논리/계산이 많은 경우입니다. 이 경우 논리를 분할하고 각 행을 필요한 위치 (코드가 수백 줄에 달하는 페이지가 아닌)에 배치하는 것이 좋습니다.

+1

필요한 코드의 크기에 관계없이 논리적으로 구별되는 경우 분리해야합니다. rxjs와 공유 서비스 패턴을 사용하면 통신은 해결하기가 어려운 문제가 아니며 하나의 http 호출에 실패하면 전체 페이지가 실패하지 않습니다. – bryan60

+1

@ bryan60에 대한 귀하의 의견을 보내 주셔서 감사합니다. 질문은 이오닉의 맥락에서 이루어졌고, 따라서 이러한 모든 구성 요소는 동일한 페이지의 일부이므로 _ 반드시 동일한 페이지에 포함시켜야 나쁜 접근이 아닐 수 있습니다. 따라서 우리는 모바일 앱 (리소스가 제한 될 수있는 곳)의 맥락에서 추가 서비스를 추가하고 일부 관리를위한 rxjs 구독 만이 이러한 구성 요소가 실행되지 않는 경우 최선의 방법으로 보이지 않습니다. 다른 페이지에서 재사용 할 수 있습니다. 하지만 네, 두 가지 방법 모두 잘 작동합니다. – sebaferreras

관련 문제