proposal-observable
Angular
proposal-observable | Angular | |
---|---|---|
12 | 699 | |
3,036 | 94,541 | |
0.2% | 0.3% | |
0.0 | 10.0 | |
over 4 years ago | 6 days ago | |
JavaScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
proposal-observable
-
Proposal: Signals as a Built-In Primitive of JavaScript
https://github.com/tc39/proposal-observable
And there's the new one which seems to be getting implemented in node right now:
-
Observable API Proposal
How does it differ from <https://github.com/tc39/proposal-observable/>?
-
The Truth about Svelte
I think it is a shame that the Observable proposal [1] still seems somewhat stuck in Stage 1. It's a better idea than just raw event emitters because of composability (if no other reason). Making Observables "first class" could go a long way to unifying a lot of reactivity patterns in various frameworks, in theory at least.
To be fair, Observables and especially Observable composition has a rough learning curve and many frameworks like Svelte intentionally prefer implict reactivity and avoiding things like explicit Observables because they are seen as too complex/"too hard" for the average developer.
(Then you get awful worst of both worlds frameworks like Angular that sort of rely on Observables but yet also don't trust teaching Observables and wind up with code that isn't properly Observable and so also has all the code for implicit reactivity and is full of nasty escape hatches that cause all sorts of composition problems and unnecessary side effects.)
[1] https://github.com/tc39/proposal-observable
-
π‘ Observable Mutable Wrapper Object
Uses an interface described in the TC39 observables proposal
-
Example of Asynchronous programming using Observer pattern vs Promise
JavaScript doesn't have any built-in observables (addEventListener is part of the DOM API specific to browsers) though there is an old observable proposal collecting dust. I think ReactiveX (RxJS) is pretty much the go-to for any kind of observable functionality you may want. That may be a good place to start to really see what observables can do.
-
JavaScript Evolutsiyasi Qisqa Satrlarda!
Observablelar streamlarga asoslangan reaktiv dasturlash paradigmasini olib kiradi JSga. Shaxsan menga eng yoqqan takliflardan biri. Bu haqida ham alohida maqola yozish niyat bor. RxJS (Angular) bilan ishlab ko'rganlar bo'lsa buni nimaligini juda yaxshi tushunishadi, endi bu library emas balki native π !!!
-
4 Ways to Handle Async Operations in Javascript
Observable is an object that takes a stream of data and emits events over time to react accordingly. There is a talk to add it to the ECMAScript standard and its proposal is here. Till now it is not part of the ECMAScript standard so to use it, you have to use a third-party library and the well-known Reactive Extension in Javascript is RxJs.
-
Reactive Programming
Well, the answer is surprisingly no. But, there is an active tc39 proposal going on around for a while, didnβt find it much active though, you could watch out here β https://github.com/tc39/proposal-observable
-
Why do we need rxjs library as JavaScript is reactive by default?
RxJS is an implementation of observables which do not exist natively in JavaScript. There is a proposal for adding observables to the language, but it's only stage 1 and hasn't been active for years.
- Query Engines: Push vs. Pull
Angular
-
Angular Signals, Reactive Context, and Dynamic Dependency Tracking
/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
- Episode 24/15: Wiz behind the curtain, Copilot in VSCode
-
Always unsubscribe. No exceptions. Debate closed.
source: https://github.com/angular/angular/issues/46542
-
Angular Signals: Best Practices
Besides the dangers, mentioned by Angular docs (infinite loops, change detection errors), there is another thing, that might be quite nasty: effects are executed in a reactive context, and any code you call in effect, will be executed in a reactive context. If that code reads some signals, they will be added as dependencies to your effect. Here Alex Rickabaugh explains the details.
-
Understanding control flow syntax in Angular 17
In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:
- Episode 24/09: Testing without TestBed, SSR & Hydration
-
Preparing our Code for Zoneless Angular
For scheduling, I use awesome code I found in the Angular source code.
-
β° Itβs time to talk about Import Map, Micro Frontend, and Nx Monorepo
Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please π)οΈ.
-
Conventional commit specification
Link β angular/CONTRIBUTING.md
-
Angular Control Flow: the complete guide
Angular v17 was released some months ago with a ton of new features, a brand new logo and the new blog angular.dev.
What are some alternatives?
duckdb - DuckDB is an in-process SQL OLAP Database Management System
Next.js - The React Framework
fp-ts - Functional programming in TypeScript
qwik - Instant-loading web apps, without effort
eslint-plugin-unicorn - More than 100 powerful ESLint rules
SvelteKit - web development, streamlined
eslint-plugin-github - An opinionated collection of ESLint rules used by GitHub.
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
RxJS - A reactive programming library for JavaScript
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
cross-project-council - OpenJS Foundation Cross Project Council
lit - Lit is a simple library for building fast, lightweight web components.