@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"]
}
4.0.0 (2017-10-13)
The two major themes of the 4.0 release are mono-repo and documentation!
In 4.0 we've split the instructure-ui library into a bunch of smaller libraries
and we're publishing them all as separate modules to NPM.
This should make it easier to upgrade going forward. (e.g you can upgrade to a patch or minor release of @instructure/ui-core without upgrading @instructure/ui-themeable).
Unfortunately this also means that paths for imports will have to change when applying this upgrade.
However, the codemod script provided by @instructure/ui-codemods
should help with that, and you can see what paths have changed in the ui-core/config/imports.config.json file.
The @instructure/ui-docs-plugin module has gotten an overhaul and now supports JSDoc and generates documentation from any file format that supports JS style code blocks, in addition to markdown.
All of the utilities, and packages have been documented, so finding your way around the libraries and seeing how they fit together should be a lot easier.
render: false as front matter inside the code blockinverse: true as front matter inside
the code blocklarge and small
simple RadioInputs and Checkboxes have changed. In
particular, Checkbox toggles have gone from using the
same font-size for every size to changing the
font-size based on the size prop (to be
consistent with other InstUI components).unstyled variant won't have margins.<a name="3.4.0"></a>
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 380 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
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.