Removing createReactClass usage in 3 files.

[catandthemachines]

Summary:

Removing createReactClass usage in the following three files:

• drag-target.tsx
• sortable.tsx
• stateful-editor-page.tsx

Issue: LEMS-365

Test plan:

Run "yarn test" and confirm no errors or regressions are introduced.
Run "yarn start" and look and view if there are any issues with any Perseus components.

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to .changeset/khaki-keys-approve.md, packages/perseus-editor/src/editor.tsx, packages/perseus-editor/src/index.ts, packages/perseus-editor/src/components/drag-target.tsx, packages/perseus-editor/src/components/sortable.tsx, packages/perseus-editor/src/widgets/expression-editor.tsx

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

[github-actions]

Size Change: -611 B (-0.05%)

Total Size: 1.28 MB

Filename	Size	Change
packages/perseus-editor/dist/es/index.js	697 kB	-611 B (-0.09%)

ℹ️ 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.27 kB
packages/math-input/dist/es/index.js	77.9 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	421 kB
packages/perseus/dist/es/strings.js	3.57 kB
packages/pure-markdown/dist/es/index.js	3.66 kB
packages/simple-markdown/dist/es/index.js	12.5 kB

_{compressed-size-action}

[jeremywiebe]

Most of this is great. 🎉

Requesting changes for the comment about default props not being necessary for the SortableItem changes.

[jeremywiebe]

When initial state doesn't depend on anything, I typically avoid the function getInitialState() and just define state like this:

    state: State = {dragHover: false};

[github-actions]

npm Snapshot: Published

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

Example:

yarn add @khanacademy/perseus@PR1893

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

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

[benchristel]

Thanks for doing this upgrade! I left a few questions and suggestions inline. In particular, I'd like to confirm that it's safe to use this.props.components instead of this.state.components in sortable.tsx before this lands.

[benchristel]

LGTM!