훌륭한 리더는 어떤 일을 시도해보라는 공식적인 허락을 기다리지 않는다.
무능한 중간관리자는
'공식적인 허락을 받지 못했으니 난 그 일을 할 수 없어'라고 생각하지만
훌륭한 관리자는
'공식적으로 하지 말라는 지시가 없었으니까 할 수 있어'라고 생각한다.
이것이 관점의 차이다.
- 콜린 파월, 전 미국 국무 장관


성과는 문제를 해결함으로써가 아니라
새로운 기회를 개발함으로써 얻어집니다.
주어진 일에 반응하는(Reactive) 사람과
주도적으로 새로운 일을 개척해나가는 적극적이고 능동적인(Active) 사람,
둘 중 하나를 선택하는 순간 나의 미래 운명이 결정됩니다.

proactive & Reactive

1. Reactive
   1. 조건반사적 반응 행동을 말한다.
   2. 외부 자극으로부터 조건반사적이고 즉각적인 반응 행동
   3. ACTION without STOP, THINK & CHOICE  https://blog.naver.com/candlite/221090540845
2. Proactive
   1. 주도적이라는 뜻
   2. 내면의 욕구로부터의 단계적인 반응 행동
   3. ACTION after STOP, THONK & CHOICE
3. STC : Stop, Think & Choice

Reactice 

 - 클라이언트가 먼저 찾아오고, 우리는 이에 대한 대응을 하면, 이건 Reactive

Proactive

 - 클라이언트는 가만히 있는데 우리가 먼저 딜을 위해 다가가면, 이건 Proactive

A reactive programming library for JavaScript http://reactivex.io/rxjs

Github : https://github.com/ReactiveX/rxjs

RxJS 5

Reactive Extensions Library for JavaScript. This is a rewrite of Reactive-Extensions/RxJS and is the latest production-ready version of RxJS. This rewrite is meant to have better performance, better modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking changes that reduce the API surface.

Apache 2.0 License

• Code of Conduct
• Contribution Guidelines
• Maintainer Guidelines
• Creating Operators
• Migrating From RxJS 4 to RxJS 5
• API Documentation (WIP)

Versions In This Repository

• master - commits that will be included in the next minor or patch release
• next - commits that will be included in the next major release (breaking changes)

Most PRs should be made to master, unless you know it is a breaking change.

Important

By contributing or commenting on issues in this repository, whether you've read them or not, you're agreeing to the Contributor Code of Conduct. Much like traffic laws, ignorance doesn't grant you immunity.

Installation and Usage

ES6 via npm

npm install rxjs

To import the entire core set of functionality:

import Rx from 'rxjs/Rx';

Rx.Observable.of(1,2,3)

To import only what you need by patching (this is useful for size-sensitive bundling):

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/map';

Observable.of(1,2,3).map(x => x + '!!!'); // etc

To import what you need and use it with proposed bind operator:

Note: This additional syntax requires transpiler support and this syntax may be completely withdrawn from TC39 without notice! Use at your own risk.

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { map } from 'rxjs/operator/map';

Observable::of(1,2,3)::map(x => x + '!!!'); // etc

CommonJS via npm

npm install rxjs

Import all core functionality:

var Rx = require('rxjs/Rx');

Rx.Observable.of(1,2,3); // etc

Import only what you need and patch Observable (this is useful in size-sensitive bundling scenarios):

var Observable = require('rxjs/Observable').Observable;
// patch Observable with appropriate methods
require('rxjs/add/observable/of');
require('rxjs/add/operator/map');

Observable.of(1,2,3).map(function (x) { return x + '!!!'; }); // etc

Import operators and use them manually you can do the following (this is also useful for bundling):

var of = require('rxjs/observable/of').of;
var map = require('rxjs/operator/map').map;

map.call(of(1,2,3), function (x) { return x + '!!!'; });

You can also use the above method to build your own Observable and export it from your own module.

All Module Types (CJS/ES6/AMD/TypeScript) via npm

To install this library via npm version 3, use the following command:

npm install @reactivex/rxjs

If you are using npm version 2 before this library has achieved a stable version, you need to specify the library version explicitly:

npm install @reactivex/rxjs@5.0.0

CDN

For CDN, you can use unpkg:

https://unpkg.com/rxjs/bundles/Rx.min.js

Node.js Usage:

var Rx = require('@reactivex/rxjs');

Rx.Observable.of('hello world')
  .subscribe(function(x) { console.log(x); });

Goals

• Provide better performance than preceding versions of RxJS
• To model/follow the Observable Spec Proposal to the observable.
• Provide more modular file structure in a variety of formats
• Provide more debuggable call stacks than preceding versions of RxJS

Building/Testing

The build and test structure is fairly primitive at the moment. There are various npm scripts that can be run:

• build_es6: Transpiles the TypeScript files from src/ to dist/es6
• build_cjs: Transpiles the ES6 files from dist/es6 to dist/cjs
• build_amd: Transpiles the ES6 files from dist/es6 to dist/amd
• build_global: Transpiles/Bundles the CommonJS files from dist/cjs to dist/global/Rx.js
• build_all: Performs all of the above in the proper order.
• build_test: builds ES6, then CommonJS, then runs the tests with jasmine
• build_perf: builds ES6, CommonJS, then global, then runs the performance tests with protractor
• build_docs: generates API documentation from dist/es6 to dist/docs
• build_cover: runs istanbul code coverage against test cases
• test: runs tests with jasmine, must have built prior to running.
• tests2png: generates PNG marble diagrams from test cases.

npm run info will list available script.

Example

# build all the things!
npm run build_all

Performance Tests

Run npm run build_perf or npm run perf to run the performance tests with protractor. Run npm run perf_micro to run micro performance test benchmarking operator.

Adding documentation

RxNext uses ESDoc to generate API documentation. Refer to ESDoc's documentation for syntax. Run npm run build_docs to generate.

Generating PNG marble diagrams

The script npm run tests2png requires some native packages installed locally: imagemagick, graphicsmagick, and ghostscript.

For Mac OS X with Homebrew:

• brew install imagemagick
• brew install graphicsmagick
• brew install ghostscript
• You may need to install the Ghostscript fonts manually:
  • Download the tarball from the gs-fonts project
  • mkdir -p /usr/local/share/ghostscript && tar zxvf /path/to/ghostscript-fonts.tar.gz -C /usr/local/share/ghostscript

For Debian Linux:

• sudo add-apt-repository ppa:dhor/myway
• apt-get install imagemagick
• apt-get install graphicsmagick
• apt-get install ghostscript

For Windows and other Operating Systems, check the download instructions here:

• http://imagemagick.org
• http://www.graphicsmagick.org
• http://www.ghostscript.com/

...

 Rx.js - 웹 프론트엔드 개발자의 얕고 넓은 Rx 이야기 ReactiveX

1. Rx를 지탱하는 세 가지 키워드 

2. 요즘 들어 왜 자주 보일까? 

3. 함수형 리액티브 프로그래밍 

4. 웹 프론트엔드, 그리고 RxJS

...