96 lines
3.6 KiB
HTML
96 lines
3.6 KiB
HTML
<h1 id="awesome-observables-awesome">Awesome Observables <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>An <a
|
||
href="https://github.com/zenparsing/es-observable">Observable</a> is a
|
||
collection that arrives over time. Observables can be used to model
|
||
push-based data sources such as events, timer intervals, asynchronous
|
||
requests, and animations. Observables can be transformed, combined, and
|
||
consumed using array-like methods.</p>
|
||
</blockquote>
|
||
<p><em>Please read the <a href="contributing.md">contribution
|
||
guidelines</a> before contributing.</em></p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#documentation">Documentation</a></li>
|
||
<li><a href="#implementations">Implementations</a></li>
|
||
<li><a href="#packages">Packages</a></li>
|
||
<li><a href="#libraries">Libraries</a></li>
|
||
<li><a href="#articles">Articles</a></li>
|
||
<li><a href="#videos">Videos</a></li>
|
||
<li><a href="#related">Related</a></li>
|
||
</ul>
|
||
<h2 id="documentation">Documentation</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/tc39/proposal-observable">Overview</a></li>
|
||
<li><a
|
||
href="https://tc39.github.io/proposal-observable/">Specification</a></li>
|
||
</ul>
|
||
<h2 id="implementations">Implementations</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/zenparsing/zen-observable">zen-observable</a></li>
|
||
<li><a href="https://github.com/ReactiveX/RxJS">RxJS</a></li>
|
||
</ul>
|
||
<h2 id="packages">Packages</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/type-fest/blob/main/source/observable-like.d.ts">ObservableLike</a>
|
||
- TypeScript type.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/any-observable">any-observable</a>
|
||
- Support any Observable library and polyfill.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/is-observable">is-observable</a> -
|
||
Check if a value is an Observable.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/observable-to-promise">observable-to-promise</a>
|
||
- Convert an Observable to a Promise.</li>
|
||
<li><a
|
||
href="https://github.com/jamestalmage/stream-to-observable">stream-to-observable</a>
|
||
- Convert a Node.js stream into an Observable.</li>
|
||
<li><a
|
||
href="https://github.com/blesh/symbol-observable">symbol-observable</a>
|
||
- <code>Symbol.observable</code> ponyfill.</li>
|
||
<li><a href="https://github.com/samverschueren/obsify">obsify</a> -
|
||
Observableify a callback-style function.</li>
|
||
<li><a
|
||
href="https://github.com/thgreasi/localForage-observable">localForage-observable</a>
|
||
- Observables for localForage.</li>
|
||
</ul>
|
||
<h2 id="libraries">Libraries</h2>
|
||
<p><em>These are libraries that harness the power of Observables, not
|
||
necessarily spec compatible Observable implementations.</em></p>
|
||
<ul>
|
||
<li><a href="http://cycle.js.org">Cycle.js</a> - A functional and
|
||
reactive JavaScript framework for cleaner code.</li>
|
||
</ul>
|
||
<h2 id="articles">Articles</h2>
|
||
<ul>
|
||
<li><a href="https://gist.github.com/staltz/868e7e9bc2a7b8c1f754">The
|
||
introduction to Reactive programming you’ve been missing</a> - Reactive
|
||
programming using Observables.</li>
|
||
<li><a
|
||
href="http://staltz.com/everywhereness-as-a-foundation.html">Everywhereness
|
||
as a foundation</a> - Benefits of using Observables everywhere.</li>
|
||
<li><a
|
||
href="https://benlesh.com/posts/learning-observable-by-building-observable/">Learning
|
||
Observable By Building Observable</a> <em>(Updated 2021-07-08)</em></li>
|
||
</ul>
|
||
<h2 id="videos">Videos</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://egghead.io/lessons/javascript-introducing-the-observable">Introducing
|
||
the Observable</a> - Egghead.io lesson.</li>
|
||
</ul>
|
||
<h2 id="related">Related</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/awesome-nodejs">awesome-nodejs</a></li>
|
||
</ul>
|
||
<p><a
|
||
href="https://github.com/sindresorhus/awesome-observables">observables.md
|
||
Github</a></p>
|