서비스 구현 방법(각도의 개념)JS) 반응의 유사 성분

서비스 구현 방법(각도의 개념)JS) 반응의 유사 성분

모두:

AngularJS의 반응은 처음입니다.AngularJS에는 UI 동작 이외에 데이터 가져오기, 처리 등을 수행할 수 있는 서비스 인스턴스를 제공할 수 있는 서비스 의존성 주입이 있습니다.반응 구성 요소에서 이 작업(또는 주입 구현)을 수행하는 방법이 궁금합니다.

감사해요.

module.exports를 통해 'public' 기능을 노출하는 다른 파일에 서비스를 생성하는 것을 선호합니다.

예.

module.exports = {
  foo: function(){ return bar; }
}

다음을 사용하여 Components에서 참조합니다.

import myService from './routetoservice/myService'

마이클 던의 답변 연장

이것이 실제 답입니다.

• 서비스 패턴은 프로그래밍 언어나 라이브러리에 국한되지 않습니다.

• 우리는 이 개념을 어떤 언어로도 구현할 수 있습니다. 심지어 우리는 이 개념을 반응으로 구현할 수 있습니다.

• 논리적인 목적을 위해 자바스크립트의 서버 OR 브라우저에서 아주 작은 서비스를 만들 수 있습니다.

• 코드 가용성, 코드 관리, 특정 로직의 코드 분리의 이점을 제공합니다.

• 코드 가용성, 코드 관리, 특정 로직의 코드 분리를 위한 매우 기본적인 방법입니다.

• redux/flux와 서비스를 비교해 보면 redux/flux는 이러한 목적에도 부합합니다.

• 현재 저는 redux와 redux의 동작을 사용하고 있으며, 필요할 때 ui에서 작은 서비스를 만들었습니다.

• 서비스 생성을 위해 다른 NPM 모듈을 사용할 필요 없이 Michael Dunn의 솔루션만으로도 충분합니다.

반응에서 우리는 데이터 처리를 제공하기 위해 플럭스 패턴을 사용합니다.여기 환류가 있는 예가 있습니다.플럭스와 반응: 이것이 도그마틱 패턴입니까, 아니면 동등하거나 더 나은 옵션이 있습니까?

리액트는 각진 의미의 서비스와 철학적으로 반대되는 것으로 보이며, UI와 논리의 긴밀한 결합을 선호하는 것으로 보입니다.

하지만 리액트 서비스 모듈을 찾았습니다. 이 모듈은 고객이 원하는 것을 제공하는 것 같습니다.

• 애플리케이션을 통해 변화를 전파하는 서비스 계층을 도입하여 구성 요소와 애플리케이션 상태를 분리합니다.

• 구성 요소 종속성을 명시적이고 테스트 가능한 방식으로 관리

• 이벤트도 없고 라이프사이클 관리도 없습니다. 모든 작업이 자동으로 수행됩니다.

• 크기가 작고 이해하기 쉽습니다. 핵심 코드는 100줄 미만입니다.

https://medium.com/ @alshdavid/alshdavid-state-and-edb95be48851

여기 React Context와 rxjs만 가지고 하는 방법을 보여주는 기사가 있습니다.

언급URL : https://stackoverflow.com/questions/32828477/how-to-implement-serviceconcept-in-angularjs-like-component-in-react