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

Components: react-syntaxt-highlighter optimization #12948

Merged
merged 8 commits into from Nov 3, 2020

Conversation

ndelangen
Copy link
Member

@ndelangen ndelangen commented Oct 29, 2020

storybook perf, remove the dependency on highlight.js

see #12811

@ndelangen
Copy link
Member Author

before above

after below

Screenshot 2020-10-29 at 12 31 20

@ndelangen ndelangen self-assigned this Oct 29, 2020
@ndelangen ndelangen added the bug label Oct 29, 2020
@ndelangen
Copy link
Member Author

@shilman do you think the visual regressions are worth it?

…s/storybook into perf/syntax-highlighter-async

# Conflicts:
#	yarn.lock
ndelangen and others added 2 commits November 2, 2020 14:35
# Conflicts:
#	CHANGELOG.md
#	addons/a11y/package.json
#	addons/actions/package.json
#	addons/backgrounds/package.json
#	addons/controls/package.json
#	addons/cssresources/package.json
#	addons/design-assets/package.json
#	addons/docs/package.json
#	addons/essentials/package.json
#	addons/events/package.json
#	addons/google-analytics/package.json
#	addons/graphql/package.json
#	addons/jest/package.json
#	addons/knobs/package.json
#	addons/links/package.json
#	addons/queryparams/package.json
#	addons/storyshots/storyshots-core/package.json
#	addons/storyshots/storyshots-puppeteer/package.json
#	addons/storysource/package.json
#	addons/toolbars/package.json
#	addons/viewport/package.json
#	app/angular/package.json
#	app/aurelia/package.json
#	app/ember/package.json
#	app/html/package.json
#	app/marionette/package.json
#	app/marko/package.json
#	app/mithril/package.json
#	app/preact/package.json
#	app/rax/package.json
#	app/react/package.json
#	app/riot/package.json
#	app/server/package.json
#	app/svelte/package.json
#	app/vue/package.json
#	app/web-components/package.json
#	dev-kits/addon-decorator/package.json
#	dev-kits/addon-parameter/package.json
#	dev-kits/addon-preview-wrapper/package.json
#	dev-kits/addon-roundtrip/package.json
#	docs/api/cli-options.md
#	docs/versions/next.json
#	examples/angular-cli/package.json
#	examples/aurelia-kitchen-sink/package.json
#	examples/cra-kitchen-sink/package.json
#	examples/cra-react15/package.json
#	examples/cra-ts-essentials/package.json
#	examples/cra-ts-kitchen-sink/package.json
#	examples/dev-kits/package.json
#	examples/ember-cli/package.json
#	examples/html-kitchen-sink/package.json
#	examples/marko-cli/package.json
#	examples/mithril-kitchen-sink/package.json
#	examples/official-storybook/package.json
#	examples/preact-kitchen-sink/package.json
#	examples/rax-kitchen-sink/package.json
#	examples/react-ts/package.json
#	examples/riot-kitchen-sink/package.json
#	examples/server-kitchen-sink/package.json
#	examples/standalone-preview/package.json
#	examples/svelte-kitchen-sink/package.json
#	examples/vue-cli/package.json
#	examples/vue-kitchen-sink/package.json
#	examples/web-components-kitchen-sink/package.json
#	lerna.json
#	lib/addons/package.json
#	lib/api/package.json
#	lib/api/src/version.ts
#	lib/channel-postmessage/package.json
#	lib/channel-websocket/package.json
#	lib/channels/package.json
#	lib/cli-sb/package.json
#	lib/cli-storybook/package.json
#	lib/cli/package.json
#	lib/cli/test/fixtures/react/package.json
#	lib/cli/test/fixtures/react_babel_config_js/package.json
#	lib/cli/test/fixtures/react_babel_custom_preset/package.json
#	lib/cli/test/fixtures/react_babel_pkg_json/package.json
#	lib/cli/test/fixtures/react_babelrc/package.json
#	lib/cli/test/fixtures/react_babelrc_js/package.json
#	lib/cli/test/fixtures/react_project/package.json
#	lib/cli/test/fixtures/react_static_next/package.json
#	lib/cli/test/fixtures/update_package_organisations/package.json
#	lib/cli/test/fixtures/webpack_react/package.json
#	lib/cli/versions.json
#	lib/client-api/package.json
#	lib/client-logger/package.json
#	lib/codemod/package.json
#	lib/components/package.json
#	lib/components/src/Loader/Loader.tsx
#	lib/core-events/package.json
#	lib/core/package.json
#	lib/core/src/server/build-static.js
#	lib/core/src/server/dev-server.js
#	lib/core/src/server/manager/manager-webpack.config.js
#	lib/node-logger/package.json
#	lib/postinstall/package.json
#	lib/router/package.json
#	lib/source-loader/package.json
#	lib/theming/package.json
#	lib/ui/package.json
#	package.json
#	scripts/bootstrap.js
#	yarn.lock
Copy link
Member

@shilman shilman left a comment

Choose a reason for hiding this comment

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

LGTM! 💯

@shilman shilman changed the title react-syntaxt-highlighter optimization Components: react-syntaxt-highlighter optimization Nov 3, 2020
@shilman shilman merged commit b4c1db2 into next Nov 3, 2020
@shilman shilman deleted the perf/syntax-highlighter-async branch November 3, 2020 07:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants