# learn-rxjs

**Repository Path**: yanyunchangfeng/learn-rxjs

## Basic Information

- **Project Name**: learn-rxjs
- **Description**: learn RxJs
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2019-05-28
- **Last Updated**: 2023-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[简体中文](README.md) |  English  

<p align="center">
    <img width="300" src="https://cdn.jsdelivr.net/gh/yanyunchangfeng/cdn@1.0/assets/img/blog/yycf/yanyunchangfeng.png">
</p>

##  Description
Hello, I'm [Yan Yun Chang feng](https://yanyunchangfeng.github.io). 
Meaning：combined Li Bai's famous frontier poem to take [Yan Yun Chang feng] - Long winds of tens of thousands of miles, belowing Yumenguan.
##  Learn RXJS

## Creation Operators

*  [formEvent](src/app/create-operators/from-event.ts)   
*  [from](src/app/create-operators/from.ts)   
*  [of](src/app/create-operators/of.ts)   
*  [interval](src/app/create-operators/interval.ts)   
*  [timer](src/app/create-operators/timer.ts)   
*  [never](src/app/create-operators/never.ts)   
*  [throwError](src/app/create-operators/throw-error.ts)   
*  [empty](src/app/create-operators/empty.ts)   
*  [range](src/app/create-operators/range.ts)   
*  [defer](src/app/create-operators/defer.ts)   
*  [generate](src/app/create-operators/generate.ts)   
*  [create](src/app/create-operators/create.ts)   
*  [ajax](src/app/create-operators/ajax.ts)   
*  [fromEventPattern](src/app/create-operators/from-event-pattern.ts)   

## Utility Operators

* [tap](src/app/util-operators/tap.ts)   
* [delay](src/app/util-operators/delay.ts)   
* [delayWhen](src/app/util-operators/delay-when.ts)   
* [dematerialize](src/app/util-operators/dematerialize.ts)   
* [materialize](src/app/util-operators/materialize.ts)   
* [timeInterval](src/app/util-operators/time-interval.ts)   
* [timeout](src/app/util-operators/time-out.ts)   
* [timestamp](src/app/util-operators/time-stamp.ts)     

## Filtering Operators

* [debounceTime](src/app/filter-operators/debounce-time.ts)   
* [debounce](src/app/filter-operators/debounce.ts)   
* [distinct](src/app/filter-operators/distinct.ts)   
* [distinctUntilChanged](src/app/filter-operators/distinct-until-changed.ts)   
* [distinctUntilKeyChanged](src/app/filter-operators/distinct-until-key-changed.ts)   
* [filter](src/app/filter-operators/filter.ts)   
* [reduce](src/app/filter-operators/reduce.ts)   
* [scan](src/app/filter-operators/scan.ts)   
* [take](src/app/filter-operators/take.ts)   
* [takeUtil](src/app/filter-operators/take-until.ts)   
* [first](src/app/filter-operators/first.ts)   
* [last](src/app/filter-operators/last.ts)   
* [throttle](src/app/filter-operators/throttle.ts)   
* [throttleTime](src/app/filter-operators/throttle-time.ts)   
* [audit](src/app/filter-operators/audit.ts)   
* [auditTime](src/app/filter-operators/audit-time.ts)   
* [sample](src/app/filter-operators/sample.ts)   
* [sampleTime](src/app/filter-operators/sample-time.ts)   
* [single](src/app/filter-operators/single.ts)   
* [skipLast](src/app/filter-operators/skip-last.ts)   
* [elementAt](src/app/filter-operators/element-at.ts)   
* [ignore-elements](src/app/filter-operators/ignore-elements.ts)   
* [skipUntil](src/app/filter-operators/skip-until.ts)   
* [takeWhile](src/app/filter-operators/take-while.ts)   
* [skipWhile](src/app/filter-operators/skip-while.ts)   
* [min](src/app/filter-operators/min.ts)   
* [max](src/app/filter-operators/max.ts)   

## Transformation Operators

* [map](src/app/transform-operators/map.ts) 
* [concatMap](src/app/transform-operators/concat-map.ts) 
* [buffer](src/app/transform-operators/buffer.ts) 
* [bufferCount](src/app/transform-operators/buffer-count.ts) 
* [bufferTime](src/app/transform-operators/buffer-time.ts) 
* [bufferToggle](src/app/transform-operators/buffer-toggle.ts) 
* [bufferWhen](src/app/transform-operators/buffer-when.ts) 
* [exhaustMap](src/app/transform-operators/exhaust-map.ts) 
* [exhaustAll](src/app/transform-operators/exhaustAll.ts) 
* [expand](src/app/transform-operators/expand.ts) 
* [groupBy](src/app/transform-operators/group-by.ts) 
* [pairwise](src/app/transform-operators/pairwise.ts) 
* [partition](src/app/transform-operators/partition.ts) 
* [window](src/app/transform-operators/window.ts) 
* [windowCount](src/app/transform-operators/window-count.ts) 
* [windowToggle](src/app/transform-operators/window-toggle.ts) 
* [windowWhen](src/app/transform-operators/window-when.ts) 
* [windowTime](src/app/transform-operators/window-time.ts) 
* [repeat](src/app/transform-operators/repeat.ts) 
* [toArray](src/app/transform-operators/to-array.ts) 


## Combination Operators

*   [combineLatest](src/app/merge-operators/combine-latest.ts) 
*   [concat](src/app/merge-operators/concat.ts) 
*   [merge](src/app/merge-operators/merge.ts) 
*   [startWith](src/app/merge-operators/start-with.ts) 
*   [zip](src/app/merge-operators/zip.ts) 
*   [withLatestFrom](src/app/merge-operators/with-latest-from.ts) 
*   [race](src/app/merge-operators/race.ts) 
*   [combineLatestAll](src/app/merge-operators/combine-latest-all.ts) 
*   [concatAll](src/app/merge-operators/concat-all.ts) 
*   [endWith](src/app/merge-operators/end-with.ts) 
*   [forkJoin](src/app/merge-operators/fork-join.ts) 


## Conditional Operators

*  [defaultIfEmpty](src/app/conditional-operators/default-if-empty.ts)  
*  [iif](src/app/conditional-operators/iif.ts) 
*  [find](src/app/conditional-operators/find.ts) 
*  [findIndex](src/app/conditional-operators/find-index.ts) 
*  [count](src/app/conditional-operators/count.ts) 
*  [every](src/app/conditional-operators/every.ts) 
*  [squenceEqual](src/app/conditional-operators/squence-equal.ts) 


## Senior Operators

*  [mergeMap](src/app/senior-operators/merge-map.ts) 
*  [switchMap](src/app/senior-operators/switch-map.ts) 
*  [mergeScan](src/app/senior-operators/merge-scan.ts) 
*  [mergeAll](src/app/senior-operators/merge-all.ts) 
## Multicasting Operators

*  [share](src/app/multicast-operators/share.ts)  
*  [shareReplay](src/app/multicast-operators/share-replay.ts)    

## Subject Class

*  [Subject](src/app/subject-class/subject.ts) 
*  [BehaviorSubject](src/app/subject-class/behavior-subject.ts) 
*  [ReplaySubject](src/app/subject-class/replay-subject.ts) 
*  [AsyncSubject](src/app/subject-class/replay-subject.ts) 

## Customization Operators

*  [takeEveryNth](src/app/custom-operators/takeEveryNth.ts)  

## Custom Observable

* [Observable](src/app/my-observable/index.ts)  


## Series project
| name | description|
|----|----|
| NiceFish | This is a series of projects whose goal is to demonstrate the development mode of front-end and back-end separation: various development modes in front-end browsers, mobile terminals, and Electron environments. There are two versions of the backend: SpringBoot version and SpringCloud version  http://gitee.com/mumu-osc/NiceFish/ |
| NiceFish-React | This is the implementation of the React version 18.0.0, developed using Ant Design component library, inversify library, and Bootstrap version 4.2.1 https://gitee.com/mumu-osc/NiceFish-React|
| NiceBlogElectron | https://github.com/damoqiongqiu/NiceBlogElectron, an Electron-based desktop project that packages NiceFish with Electron as a desktop-running program. This is provided by the front-end friends of ZTE . I have a fork and there are several version numbers of the node module. If you are researching how to use Electron to develop desktop applications, please refer to this project.|

## Social Homepage 

1.  [Yan Yun Chang feng's Zhi Hu](https://zhihu.com/people/hbxyxuxiaodong)  
2.  [Yan Yun Chang feng's github](https://github.com/yanyunchangfeng)  
3.  [Yan Yun Chang feng's gitee](https://gitee.com/yanyunchangfeng)  

## LICENSE

MIT