@instructure/babel-plugin-transform-class-display-name
Advanced tools
A babel plugin to add a displayName property to React component class declarations
A transform to add a displayName to React components. This is required for @instructure/ui-themeable because it uses the displayName to scope the CSS variables.
yarn add --dev @instructure/babel-plugin-transform-class-display-name
In your .babelrc file:
{
"plugins": ["@instructure/babel-plugin-transform-class-display-name"]
}
5.0.0 (2018-03-29)
The easiest way to upgrade is to run yarn upgrade --scope @instructure. Once you've done this, make sure
you check the 'BREAKING CHANGES' section below so that you can make those changes as necessary.
After upgrading you should see deprecation warnings in dev and test environments that will help you prepare for future releases (or check out the 'Deprecations' section below). The ui-codemods scripts should make it easy to update your import/require statements to get rid of a lot of the warnings. Note: you'll need to update your package.json file manually to add the new packages.
Note though, that it's not necessary to upgrade everything at once. Depending on the size of your application you may want to upgrade a package (or component) at a time. This is a major release, but in this case it's safe to do that.
ui-core!We have broken ui-core into smaller packages like ui-breadcrumb, ui-buttons,
and ui-container. This change is intended to make consuming Instructure UI components easier by
allowing applications to only import and update the packages they need. You're welcome.
FAQs
A babel plugin to add a displayName property to React component class declarations
The npm package @instructure/babel-plugin-transform-class-display-name receives a total of 396 weekly downloads. As such, @instructure/babel-plugin-transform-class-display-name popularity was classified as not popular.
We found that @instructure/babel-plugin-transform-class-display-name demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 35 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.