[React] 📖 reactive programming

❓ Reactive Programming

비동기 데이터 스트림을 사용하는 프로그래밍을 의미한다.
상태를 관찰하고 변화가 발생할 경우 연관된 곳에서 연산이 수행되는 것을 의미하며,
이런 방식으로 프로그래밍되는 것이 reactive programming 이다.

출처 : https://www.westagilelabs.com/blog/five-interesting-facts-about-reactive-programming-frameworks/

📗 코드 예시

• impreative programming

b = 27
c = 33
a = b + c
print(a) // a = 60
c = 40
print(a) // a = 60

• reactive programming

b = 27
c = 33
a = b + c
print(a) // a = 60
c = 40
print(a) // a = 67

📗 Reactive

• 응답성 : 시스템이 가능한 즉각적으로 응답해야한다.
• 탄력성 : 시스템 장애가 발생하여도 응답성을 유지한다.
• 유연성 : 시스템이 작업량이 변화하더라도 응답성을 유지한다.
• 메시지 구동 : 비동기 메시지 전달에 의존하여 구성 요소사이에 느슨한 결합, 격리, 위치 투명성을 보장한다.

📚 결론

• reactive programming 은 로직과 데이터 흐름을 통해 더 높은 생산성을 가능하게 한다.
• reactive system 은 탄력성과 확장성 모두를 개선할 수 있다.

🔖 용어 정리

❓ 비동기(Asynchronous)

동시에 일어나지 않는다를 의미한다.(요청과 결과가 동시에 일어나지 않음)
요청한 그 자리에서 결과가 주어지지 않으며,
노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다.

출처 : https://adrianmejia.com/asynchronous-vs-synchronous-handling-concurrency-in-javascript/

장점 : 결과가 주어지는데 시간이 걸리더라도 그 시간 동안 다른 작업을 할 수 있으므로 자원을 효율적으로 사용할 수 있다.
단점 : 동기와 비교했을 때 설계가 복잡하고 직관적이지 않다.

❓ 스트림(Stream)

데이터의 흐름이라고 이해하면 편하다. 추가로 설명하면 시간이 지남에 따라 순서대로 발생하는 일련의 이벤트라고도 할 수 있다.