Reactivity: an early draft of *everything* we've learned since Octane by NullVoxPopuli · Pull Request #965 · emberjs/rfcs

NullVoxPopuli · 2023-09-21T04:23:39Z

wip, no looking, shhh

Rendered

What finally motivated me to get this going:

https://twitter.com/sveltejs/status/1704496039468605842
- Svelte announcing Runes, a runtime reactivity system that wraps Signals (allegedly)
https://twitter.com/Rich_Harris/status/1704545067640177000
- Svelte folks confused by the lack of magic, but explained well in brief, eliminating the confusion

TODO:

propose primitives
- reactive values with cleanup (aka resources)
- tracked promises
- localCopy
- tracked object / array / map / set
- deep
- the libraries to merge
  (as separate imports as to not force the need for tree-shaking)
  - https://github.com/tracked-tools/tracked-toolbox
    - ${}/local-copy
    - ${}/dedupe-tracked
    - ${}/tracked-reset
  - https://github.com/NullVoxPopuli/ember-deep-tracked
    - ${}/deep
  - https://github.com/tracked-tools/tracked-maps-and-sets
    - ${}/map
    - ${}/weak-map
    - ${}/set
    - ${}/weak-set
  - https://github.com/tracked-tools/tracked-built-ins
    - ${}/object
    - ${}/array
  - https://github.com/tracked-tools/ember-async-data
    - ${}/async
  - https://github.com/NullVoxPopuli/ember-resources/
    - ${}/resource
propose flexibility
- value-based equality checking (as opt-in, can can cost performance (but this is for situations where reference based invalidation is less performant))

text/0965-reactivity.md

Co-authored-by: Sergey Astapov <SergeAstapov@gmail.com>

MrChocolatine · 2023-11-05T11:09:46Z

text/0965-reactivity.md

+
+## Summary
+
+Leading up to the Octane Edition, we laid out a plan to get rid of `<object>.get` and `<object>.set` in favor of `@tracked` class properties, which paved the way for writing reactive code in a way that is _the most_ "just javascript" out of our framework peers at the time,


Suggested change

Leading up to the Octane Edition, we laid out a plan to get rid of `<object>.get` and `<object>.set` in favor of `@tracked` class properties, which paved the way for writing reactive code in a way that is _the most_ "just javascript" out of our framework peers at the time,

Leading up to the Octane Edition, we laid out a plan to get rid of `<object>.get` and `<object>.set` in favor of `@tracked` class properties, which paved the way for writing reactive code in a way that is _the most_ "just javascript" out of our framework peers at the time.

MrChocolatine · 2023-11-05T11:11:28Z

text/0965-reactivity.md

+
+## Motivation
+
+The ember ecosystem has a number of "third-party" abstractions for some core reactive primitives, that could benefit (from teaching, performance, and cohesion perspectives) from being pulled in to a cohesive set of utilities from one source. This will help with longer-term goals of [simplifying imports](https://github.com/emberjs/rfcs/pull/946) -- today we have a _pit of exhaustion_ when it comes to how many imports are needed to make components.


Suggested change

The ember ecosystem has a number of "third-party" abstractions for some core reactive primitives, that could benefit (from teaching, performance, and cohesion perspectives) from being pulled in to a cohesive set of utilities from one source. This will help with longer-term goals of [simplifying imports](https://github.com/emberjs/rfcs/pull/946) -- today we have a _pit of exhaustion_ when it comes to how many imports are needed to make components.

The ember ecosystem has a number of "third-party" abstractions for some core reactive primitives, that could benefit (from teaching, performance, and cohesion perspectives) from being pulled into a cohesive set of utilities from one source. This will help with longer-term goals of [simplifying imports](https://github.com/emberjs/rfcs/pull/946) -- today we have a _pit of exhaustion_ when it comes to how many imports are needed to make components.

MrChocolatine · 2023-11-05T11:15:33Z

text/0965-reactivity.md

+- define integration points
+- manager pattern is fallback, rather than default
+
+[starbeam]: https://www.starbeamjs.com/


It's not a vital or really required change but, to keep things consistent, should this "link-reference"

be moved into the section where it is first introduced? (just below, ### Preface)

at the bottom of the file?

MrChocolatine · 2023-11-05T11:17:08Z

text/0965-reactivity.md

+
+### Preface
+
+Before getting in to details of what **each thing is, how it works, and how we'll integrate and support it**, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`. 


Suggested change

Before getting in to details of what **each thing is, how it works, and how we'll integrate and support it**, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`.

Before getting into details of what **each thing is, how it works, and how we'll integrate and support it**, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`.

MrChocolatine · 2023-11-05T11:17:37Z

text/0965-reactivity.md

+expect(num.current).toBe(0);
+```
+
+In `@glimmer/tracking`, `@tracked` can be thought of as a wrapper of `cell`


Suggested change

In `@glimmer/tracking`, `@tracked` can be thought of as a wrapper of `cell`

In `@glimmer/tracking`, `@tracked` can be thought of as a wrapper of `cell`.

MrChocolatine · 2023-11-05T11:18:15Z

text/0965-reactivity.md

+  }
+}
+```
+which would be the exact same as what folks are used to today in Ember:


Suggested change

which would be the exact same as what folks are used to today in Ember:

which would be the exact same as what folks are used to today in Ember:

MrChocolatine · 2023-11-05T11:19:03Z

text/0965-reactivity.md

+}
+```
+
+Also note that originally, the cell API was motivated by and being a way to 


?

Suggested change

Also note that originally, the cell API was motivated by and being a way to

Also note that originally, the cell API was motivated by being a way to

MrChocolatine · 2023-11-05T11:21:33Z

text/0965-reactivity.md

+In ember-modifier, a modifier is an arrow function registered with a _modifier manager_
+for each created modifier. 


Looks redundant.

Suggested change

In ember-modifier, a modifier is an arrow function registered with a _modifier manager_

for each created modifier.

In ember-modifier, a modifier is an arrow function registered with a _modifier manager_.

MrChocolatine · 2023-11-05T11:21:56Z

text/0965-reactivity.md

+});
+```
+
+This is the _least_ typing of the options, and it make make sense to keep this API 


Suggested change

This is the _least_ typing of the options, and it make make sense to keep this API

This is the _least_ typing of the options, and it makes sense to keep this API

MrChocolatine · 2023-11-05T11:22:29Z

text/0965-reactivity.md

+- `TrackedWeakSet`
+- etc?
+
+Note: performance issues, incomplete implementation as ecma advances


For clarity.

Suggested change

Note: performance issues, incomplete implementation as ecma advances

Note: performance issues, incomplete implementation as ECMAScript advances

NullVoxPopuli · 2024-03-23T01:59:49Z

text/0965-reactivity.md

+
+We have an opportunity to improve a lot of performance in how ember renders by collapsing abstractions. 
+
+The "third-party" libraries are:


tracded-toolbox, too

also, ember-async-data, and one of its utility classes is duplicated in ember-data

NullVoxPopuli · 2025-07-11T18:41:59Z

Superseded by #1122

reactivity

0579462

github-actions bot added the S-Proposed In the Proposed Stage label Sep 21, 2023

NullVoxPopuli added 2 commits September 21, 2023 00:24

rename

14206c6

quick note

f2322fc

SergeAstapov reviewed Sep 21, 2023

View reviewed changes

text/0965-reactivity.md Outdated Show resolved Hide resolved

text/0965-reactivity.md Outdated Show resolved Hide resolved

NullVoxPopuli and others added 2 commits September 21, 2023 12:29

Update text/0965-reactivity.md

ed544cb

Co-authored-by: Sergey Astapov <SergeAstapov@gmail.com>

Update text/0965-reactivity.md

7dbc088

Co-authored-by: Sergey Astapov <SergeAstapov@gmail.com>

MrChocolatine reviewed Nov 5, 2023

View reviewed changes

NullVoxPopuli mentioned this pull request Dec 22, 2023

v7 Plan NullVoxPopuli/ember-resources#1061

Closed

6 tasks

NullVoxPopuli commented Mar 23, 2024

View reviewed changes

NullVoxPopuli closed this Jul 11, 2025


		## Summary

		Leading up to the Octane Edition, we laid out a plan to get rid of `<object>.get` and `<object>.set` in favor of `@tracked` class properties, which paved the way for writing reactive code in a way that is _the most_ "just javascript" out of our framework peers at the time,


		## Motivation

		The ember ecosystem has a number of "third-party" abstractions for some core reactive primitives, that could benefit (from teaching, performance, and cohesion perspectives) from being pulled in to a cohesive set of utilities from one source. This will help with longer-term goals of [simplifying imports](https://github.com/emberjs/rfcs/pull/946) -- today we have a _pit of exhaustion_ when it comes to how many imports are needed to make components.


		### Preface

		Before getting in to details of what each thing is, how it works, and how we'll integrate and support it, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`.

	Before getting in to details of what each thing is, how it works, and how we'll integrate and support it, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`.
	Before getting into details of what each thing is, how it works, and how we'll integrate and support it, we need to go over some _equivalence_, because there is some overlap between [Starbeam][starbeam] and exports from `ember-modifier` and `ember-resources`.

	In `@glimmer/tracking`, `@tracked` can be thought of as a wrapper of `cell`
	In `@glimmer/tracking`, `@tracked` can be thought of as a wrapper of `cell`.

	which would be the exact same as what folks are used to today in Ember:

	which would be the exact same as what folks are used to today in Ember:

	Also note that originally, the cell API was motivated by and being a way to
	Also note that originally, the cell API was motivated by being a way to

		In ember-modifier, a modifier is an arrow function registered with a _modifier manager_
		for each created modifier.

	This is the _least_ typing of the options, and it make make sense to keep this API
	This is the _least_ typing of the options, and it makes sense to keep this API

	Note: performance issues, incomplete implementation as ecma advances
	Note: performance issues, incomplete implementation as ECMAScript advances


		We have an opportunity to improve a lot of performance in how ember renders by collapsing abstractions.

		The "third-party" libraries are:

Uh oh!

Conversation

NullVoxPopuli commented Sep 21, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

MrChocolatine Nov 5, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

MrChocolatine Nov 5, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

NullVoxPopuli commented Jul 11, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

NullVoxPopuli commented Sep 21, 2023 •

edited

Loading

MrChocolatine Nov 5, 2023 •

edited

Loading

MrChocolatine Nov 5, 2023 •

edited

Loading