Rxjs3 [RxJs][React] how to declare Observable properly inside a component? 1. just declare import React, { useState, useEffect, useMemo } from 'react'; import { interval } from 'rxjs'; export default function App() { const [state, setState] = useState(); const observable$ = useMemo(() => interval(1000), []); return ( Hello RxJS! Observable value: {state} ); }2. subscribe useEffect(() => { const subscription = observable$.subscribe(setState); }, []);3. u.. 2023. 5. 6. RxJS 한 없이 좋다 좋은데 가끔 디버깅이 어렵다 전역 상태를 가져와서 Observable로 만들고 이를 특정 함수가 구독하고 있는 경우 때때로 어떤 곳에서 이 전역 상태를 Observing 하고 있는지 찾기 어려울 때가 있다. 특정 컴포넌트에서 외부 전역 상태를 변경하거나 구독하는 걸 어떻게 하지 흠... 어떻게 해결하면 될까? 특정한 곳에서만 구독한다 지역 상태들만 구독하고 조작한다? 전역 상태는 2023. 3. 31. 앱은 상태 머신 그리고 함수형 프로그래밍과 RxJS는 상태를 어떻게 관리해 개발을 할 수 있을까? 앱은 상태 머신이다 데이터를 입력 받고 데이터를 상태로 저장하고 저장된 상태를 가공해서 원하는 결과를 출력 상태 머신 내 변수, 반복문, 분기문은 오류를 생산하는 주요 원인들 오류를 줄이기 위해선 이 변수, 반복문, 분기문을 상태머신에서 제거해야 한다. 어떻게 제거할 수 있을까? RxJS를 사용해 오류를 줄일 수 있다. 입력데이터 오류 rxjs는 동기, 비동기 데이터 입력을 시간축을 가진 하나의 Observable 단일 방식으로 입력 데이터 처리 한다. -> 입력되는 데이터를 시간 순으로 관리한다 상태 전파 오류 상태 전파를 기존 옵저버 패턴을 개선해 오류를 줄인다 RxJS Observer는 next, error, complete 세 가지 패턴을 가진다 RxJS Observable은 읽기 전용이며 단 방.. 2023. 3. 31. 이전 1 다음
