Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove final usage of createReactClass and dependency. #2034

Merged
merged 31 commits into from
Dec 19, 2024

Conversation

catandthemachines
Copy link
Member

@catandthemachines catandthemachines commented Dec 18, 2024

Summary:

Removing the final usage of createReactClass and create-react-class dependency from Perseus.

Issue: LEMS-2668

Test plan:

Run yarn test.
Go to ?path=/story/perseuseditor-widgets-interactive-graph--interactive-graph-polygon (or any widget editor)
Select Developer JSON Mode
Confirm you can edit and modify the json object.

@catandthemachines catandthemachines self-assigned this Dec 18, 2024
@catandthemachines catandthemachines changed the title Remove final usage of createReactApp and dependency. Remove final usage of createReactClass and dependency. Dec 18, 2024
Copy link
Contributor

github-actions bot commented Dec 18, 2024

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (db4829f) and published it to npm. You
can install it using the tag PR2034.

Example:

yarn add @khanacademy/perseus@PR2034

If you are working in Khan Academy's webapp, you can run:

./dev/tools/bump_perseus_version.sh -t PR2034

Copy link
Contributor

github-actions bot commented Dec 18, 2024

Size Change: -33 B (0%)

Total Size: 1.27 MB

Filename Size Change
packages/perseus-editor/dist/es/index.js 688 kB -33 B (0%)
ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 39 kB
packages/keypad-context/dist/es/index.js 760 B
packages/kmath/dist/es/index.js 4.26 kB
packages/math-input/dist/es/index.js 78 kB
packages/math-input/dist/es/strings.js 1.79 kB
packages/perseus-core/dist/es/index.js 1.48 kB
packages/perseus-linter/dist/es/index.js 22.2 kB
packages/perseus/dist/es/index.js 417 kB
packages/perseus/dist/es/strings.js 4.93 kB
packages/pure-markdown/dist/es/index.js 3.67 kB
packages/simple-markdown/dist/es/index.js 12.5 kB

compressed-size-action

Copy link
Collaborator

@jeremywiebe jeremywiebe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Exciting work. I saw a few type improvements, but nothing blocking as we can keep improving the types now that at least we aren't using createReactClass()!

Thank-you!

.changeset/brown-eagles-shout.md Outdated Show resolved Hide resolved
packages/perseus-editor/src/components/graph-settings.tsx Outdated Show resolved Hide resolved
Comment on lines +32 to +34
this.handleBlur = this.handleBlur.bind(this);
this.handleChange = this.handleChange.bind(this);
this.handleKeyDown = this.handleKeyDown.bind(this);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We haven't used this pattern much (if at all) in Perseus. Usually for these types of things we make the method an arrow function. That said, both approaches accomplish the same thing.

Ideally we'd eventually move these to be functional components (this one would be relatively easy I think - in a future PR).

packages/perseus-editor/src/components/json-editor.tsx Outdated Show resolved Hide resolved
packages/perseus-editor/src/components/graph-settings.tsx Outdated Show resolved Hide resolved
packages/perseus-editor/src/components/graph-settings.tsx Outdated Show resolved Hide resolved
packages/perseus-editor/src/components/graph-settings.tsx Outdated Show resolved Hide resolved
packages/perseus-editor/src/components/graph-settings.tsx Outdated Show resolved Hide resolved
@catandthemachines catandthemachines merged commit 8e9b239 into main Dec 19, 2024
8 checks passed
@catandthemachines catandthemachines deleted the catjohnson/remove-createreactapp-2 branch December 19, 2024 17:50
somewhatabstract added a commit that referenced this pull request Dec 19, 2024
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2034](#2034)
[`8e9b2395d`](8e9b239)
Thanks [@catandthemachines](https://github.com/catandthemachines)! -
Removing final usage of createReactClass.


- [#2025](#2025)
[`b52310d1b`](b52310d)
Thanks [@nishasy](https://github.com/nishasy)! - [SR] Linear graph - add
grab handle description and aria lives


- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check


- [#2033](#2033)
[`881c0aac3`](881c0aa)
Thanks [@nishasy](https://github.com/nishasy)! - [Interactive
Graph][axis labels] Make default x & y axis labels TeX on load

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

## @khanacademy/[email protected]

### Patch Changes

- [#2034](#2034)
[`8e9b2395d`](8e9b239)
Thanks [@catandthemachines](https://github.com/catandthemachines)! -
Removing final usage of createReactClass.


- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check


- [#2033](#2033)
[`881c0aac3`](881c0aa)
Thanks [@nishasy](https://github.com/nishasy)! - [Interactive
Graph][axis labels] Make default x & y axis labels TeX on load

- Updated dependencies
\[[`8e9b2395d`](8e9b239),
[`b52310d1b`](b52310d),
[`b80e7882b`](b80e788),
[`881c0aac3`](881c0aa)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- [#2037](#2037)
[`b80e7882b`](b80e788)
Thanks [@somewhatabstract](https://github.com/somewhatabstract)! -
Nothing has changed, but our action requires a changeset per package and
I don't know how to do an infrastructure update like this and pass that
check

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Patch Changes

- Updated dependencies
\[[`b80e7882b`](b80e788)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants